Строки в JavaScript | Функции строк в JavaScript

Определение строки

Строкой считается любая последовательность символов в пределах двойных или одинарных кавычек.

var someString = "This is a string";
var anotherString = 'This is another string';

1 2	var someString = "This is a string"; var anotherString = 'This is another string';

Для создания строки с кавычками, нужно их экранировать (обособить) с помощью символа обратный слэш \ или использовать два разных вида кавычек.

var string = "String with \"quoted\" word";
var string = 'String with \'quoted\' word';
var string = 'String with "quoted" word';
var string = "String with 'quoted' word";
var string = "It's single quote string"; //Апостроф внутри строки 
var string = '<div id="block">This is block</div>'; //В строке может содержаться код HTML

var string = "String with \"quoted\" word";

var string = 'String with \'quoted\' word';

var string = 'String with "quoted" word';

var string = "String with 'quoted' word";

var string = "It's single quote string"; //Апостроф внутри строки

var string = '<div id="block">This is block</div>'; //В строке может содержаться код HTML

Помимо двойных и одинарных кавычек, экранизации подлежат и другие символы (escape последовательности), управляющие форматированием текста.

Символ	Обозначение
\'	одинарная кавычка
\''	двойная кавычка
\\	обратный слэш (не путать с // - знаком начала комментария)
\n	новая строка (работает как кнопка Enter)
\r	возврат каретки в начало строки (работает как кнопка Home)
\t	табуляция (работает как кнопка Tab)
\b	удаление символа (работает как кнопка Backspace)
\f	печать с новой страницы (устаревшее)
\v	вертикальная табуляция (устаревшее)
\a	звуковой сигнал (устаревшее)
\xXX	символ из Latin-1, где XX шестнадцатеричные цифры (например: \xAF - символ '-')
\XXX	символ из Latin-1, где XXX восьмеричные цифры от 1 до 377 (например: \300 - символ 'À')
\ucXXXX	символ из Unicode, где XXXX шестнадцатеричные цифры (например: \uc454 - символ '쑔')

В случае если строка достаточно длинная, то для более легкого чтения ее можно разбить на подстроки с помощью символа обратного слэша \, не нарушая при этом самой структуры строки.

var longString = "Lorem ipsum dolor sit amet, consectetur adipisicing elit.\
                  Aliquam eligendi non ipsum autem facere repellendus doloremque, \
                  architecto obcaecati culpa dolores eveniet qui, beatae suscipit ab nisi ad vero, sed cum!";

var longString = "Lorem ipsum dolor sit amet, consectetur adipisicing elit.\

Aliquam eligendi non ipsum autem facere repellendus doloremque, \

architecto obcaecati culpa dolores eveniet qui, beatae suscipit ab nisi ad vero, sed cum!";

Однако использование следующего приема для разбиения кода недопустимо.

var string = "Lorem ipsum dolor sit amet," + \
             "consectetur adipisicing elit.";

1 2	var string = "Lorem ipsum dolor sit amet," + \ "consectetur adipisicing elit.";

Строка как объект

По умолчанию в JavaScript строка принимает фиксированные значения, однако с помощью ключевого слова new и метода string() строку можно превратить в объект и определить для неё какие либо свойства.

var stringObject = new string("This string is object"); //Определение строки как объектный тип данных
stringObject.name = "newString"; //Определение свойства name со значением newString

1 2	var stringObject = new string("This string is object"); //Определение строки как объектный тип данных stringObject.name = "newString"; //Определение свойства name со значением newString

Приведение строки к типу объект в большинстве случаев не представляет ценности, более того, такое преобразование способствует замедлению выполнения кода и может привести к непредвиденным последствиям.

Сравнение строк

Строки как и другие литералы в JavaScript, строки можно сравнить двумя способами, с помощью слудующих операторов:

Оператор == - сравнение по значению
Оператор === - сравнение по значению и по типу данных

var a = "one";
var b = "two";
var c = "one";
var x = new string("one");
// (a == b) - false Значения не равны;
// (a == c) - true Значения равны;
// (a == x) - true Значения равны;
// (a === c) - true Значения и типы переменных равны;
// (a === x) - false Значения равны, а типы переменных нет, т.к. a - строка, x - объект.

var a = "one";

var b = "two";

var c = "one";

var x = new string("one");

// (a == b) - false Значения не равны;

// (a == c) - true Значения равны;

// (a == x) - true Значения равны;

// (a === c) - true Значения и типы переменных равны;

// (a === x) - false Значения равны, а типы переменных нет, т.к. a - строка, x - объект.

Перевод других типов данных в строку

Для того чтобы перевести в строку такие типы данных как integer (целое число), array (массив), boolean (логический тип), а также другие типы, нужно всего лишь сложить значение любого типа с пустой строкой.

//Перевод целого числа в строку
var num = 454; //В переменной num хранится число - 454
    num = num + ""; //Переопределение num, теперь в ней хранится строка - "454"
//Перевод массива в строку
var arr = ['one','two','three']; //В arr сейчас хранится массив Array ['one','two','three']
    arr += ""; //После переопределения arr содержит строку "one, two, three"

//Перевод целого числа в строку

var num = 454; //В переменной num хранится число - 454

num = num + ""; //Переопределение num, теперь в ней хранится строка - "454"

//Перевод массива в строку

var arr = ['one','two','three']; //В arr сейчас хранится массив Array ['one','two','three']

arr += ""; //После переопределения arr содержит строку "one, two, three"

Использование методов и свойств строк

Для манипулирования строками в Javascript как и во многих других языках программирования предусмотрена возможность использования методов(объектных функций) bold(), indexOf(), split(), ... и свойств length, prototype, ... . Вызов методов и свойств осуществляется через оператор . (точка). Вызов объектных функций может быть осуществлен не однократно, образуя тем самым цепочки методов.

var str = "Text";
    str.italics(); //Преобразование строки в курсив (<i>Text</i>)
//Цепочка методов (каждый метод вызывается из значения, которое возвратил предыдущий метод)
    str.toUpperCase().big().bold() // Результат - <b><big>TEXT</big></b>

var str = "Text";

str.italics(); //Преобразование строки в курсив (<i>Text</i>)

//Цепочка методов (каждый метод вызывается из значения, которое возвратил предыдущий метод)

str.toUpperCase().big().bold() // Результат - <b><big>TEXT</big></b>

Применение методов и свойств к простым строковым литералам невозможно, поэтому если интерпретатор видит вызов метода из строки, то он автоматически преобразует ее в объект и делает вызов метода или свойства уже из строки - объекта.

Важно заметить, что вызов метода не переопределяет строку, т.к. работает с ее копией и начальное значение строки остается неизменным.

var str = " Random text written "; //удалим пробелы с начала и конца строки
    str.trim(); //Результат - "Random text written"
    str; //Само значение строки не изменилось - " Random text written "

var str = " Random text written "; //удалим пробелы с начала и конца строки

str.trim(); //Результат - "Random text written"

str; //Само значение строки не изменилось - " Random text written "

Свойства строк

Свойство

Описание

constructor

возвращает функцию-конструктор строки

var str = "Hello world!";
var result = str.constructor; 
//result: function String() { [native code] }

var str = "Hello world!";

var result = str.constructor;

//result: function String() { [native code] }

length

возвращает длину (количество символов) строки

var str = "Hello world!";
var result = str.length; 
//result: 12, т.к. отчет символов, в том числе пробелов, начинается с 0

var str = "Hello world!";

var result = str.length;

//result: 12, т.к. отчет символов, в том числе пробелов, начинается с 0

prototype

позволяет добавить свойства и методы к объекту (если строка - объект)

function student(name, surname, faculty) {
  this.firstName = name;
  this.lastName = surname;
  this.faculty = faculty;
}
student.prototype.degree = "Master of Computer Science in Economy";
var Oleg = new student("Oleg", "Palshin", "Economic");
var result = Oleg.degree;
//result: "Master of Computer Science in Economy"

function student(name, surname, faculty) {

this.firstName = name;

this.lastName = surname;

this.faculty = faculty;

}

student.prototype.degree = "Master of Computer Science in Economy";

var Oleg = new student("Oleg", "Palshin", "Economic");

var result = Oleg.degree;

//result: "Master of Computer Science in Economy"

Методы строк

Метод

Описание

charAt()

возвращает символ под указанным номером

var str = "Hello world!";
var result = str.charAt(1); 
//result: 'e' (индексация начинается с 0)

var str = "Hello world!";

var result = str.charAt(1);

//result: 'e' (индексация начинается с 0)

charCodeAt()

возвращает код Unicode символа под указанным номером

var str = "Hello world!";
var result = str.charCodeAt(0);
//result: 72 (индексация начинается с 0)

var str = "Hello world!";

var result = str.charCodeAt(0);

//result: 72 (индексация начинается с 0)

concat()

соединяет строки в одну и возвращает ее как новую строку

var str1 = "Hello";
var str2 = " world!";
var result = str1.concat(str2); 
//result: "Hellow world!"
//Тоже самое можно получить путем сложения строк result = str + str2

var str1 = "Hello";

var str2 = " world!";

var result = str1.concat(str2);

//result: "Hellow world!"

//Тоже самое можно получить путем сложения строк result = str + str2

fromCharCode()

переводит код Unicode в символ

var result = String.fromCharCode(85); 
//result: 'U'
//Данный метод может быть вызван только из объекта String

var result = String.fromCharCode(85);

//result: 'U'

//Данный метод может быть вызван только из объекта String

indexOf()

возвращает номер первого искомого символа

var str = "Hello world!";
var result = str.indexOf("wor"); 
//result: 6 (индексация начинается с 0)

var str = "Hello world!";

var result = str.indexOf("wor");

//result: 6 (индексация начинается с 0)

lastIndexOf()

возвращает номер последнего искомого символа

var str = "Hello world!";
var result = str.lastIndexOf("l"); 
//result: 9 (индексация начинается с 0)

var str = "Hello world!";

var result = str.lastIndexOf("l");

//result: 9 (индексация начинается с 0)

localeCompare()

сравнивает очередность строк (сортировка по алфавиту)

var str1 = "ABC";
var str2 = "DEF";
var result = str1.localeCompare(str2); 
//result: -1, т.к. str1 идет раньше чем str2
//0 возвратится если строки одинаковы
//1 возвратится если str2 идет раньше чем str1

var str1 = "ABC";

var str2 = "DEF";

var result = str1.localeCompare(str2);

//result: -1, т.к. str1 идет раньше чем str2

//0 возвратится если строки одинаковы

//1 возвратится если str2 идет раньше чем str1

match()

ищет строки удовлетворяющие условию регулярного выражения

var str = "def3dsfl9fs0";
var result = str.match(/\d/g); //ищем все цифры в строке
//result: ["3","9","0"]

var str = "def3dsfl9fs0";

var result = str.match(/\d/g); //ищем все цифры в строке

//result: ["3","9","0"]

replace()

заменяет часть строки на новое значение

var str = "Hello world!";
var result = str.replace("world","there"); 
//result: "Hello there!"

var str = "Hello world!";

var result = str.replace("world","there");

//result: "Hello there!"

search()

возвращает первый номер символа искомой строки

var str = "Hello world!";
var result = str.search("world"); 
//result: 6 (индексация начинается с 0)
//-1 возвратится если строка не найдена

var str = "Hello world!";

var result = str.search("world");

//result: 6 (индексация начинается с 0)

//-1 возвратится если строка не найдена

slice()

вырезает часть строки и возвращает ее как новую строку

var str = "Hello world!";
var result = str.slice(2,8); 
//result: "llo wo" (индексация начинается с 0)

var str = "Hello world!";

var result = str.slice(2,8);

//result: "llo wo" (индексация начинается с 0)

split()

разбивает строку на массив подстрок

var str = "Hello my fairy world!";
var result = str.split(" "); //В качестве символа разделителя - пробел
//result: ["Hello","my","fairy","world!"]

var str = "Hello my fairy world!";

var result = str.split(" "); //В качестве символа разделителя - пробел

//result: ["Hello","my","fairy","world!"]

substr()

вырезает строку до определенной позиции

var str = "Hello world!";
var result = str.substr(5); 
//result: "world!" (индексация начинается с 0)

var str = "Hello world!";

var result = str.substr(5);

//result: "world!" (индексация начинается с 0)

substring()

вырезает строку с начальной и конечной позиций

var str = "Hello world!";
var result = str.substring(3,7); 
//result: "lo w" (индексация начинается с 0)

var str = "Hello world!";

var result = str.substring(3,7);

//result: "lo w" (индексация начинается с 0)

toLocaleLowerCase()

приводит строку к нижнему регистру, в соответствии с локальными настройками

var str = "Hello World!";
var result = str.toLocaleLowerCase(); 
//result: "hello world!"

var str = "Hello World!";

var result = str.toLocaleLowerCase();

//result: "hello world!"

toLocaleUpperCase()

приводит строку к верхнему регистру в соответствии с локальными настройками

var str = "Hello World!";
var result = str.toLocaleUpperCase(); 
//result: "HELLO WORLD!"

var str = "Hello World!";

var result = str.toLocaleUpperCase();

//result: "HELLO WORLD!"

toLowerCase()

приводит строку к нижнему регистру (строчные буквы)

var str = "Hello World!";
var result = str.toLowerCase(); 
//result: "hello world!"

var str = "Hello World!";

var result = str.toLowerCase();

//result: "hello world!"

toUpperCase()

приводит строку к верхнему регистру (заглавные буквы)

var str = "Hello World!";
var result = str.toUpperCase(); 
//result: "HELLO WORLD!"

var str = "Hello World!";

var result = str.toUpperCase();

//result: "HELLO WORLD!"

toString()

возвращает значение строки - объекта

var str = "Hello world!";
var result = str.toString(); 
//result: "Hello world!"

var str = "Hello world!";

var result = str.toString();

//result: "Hello world!"

trim()

удаляет пробелы в начале и конце строки

var str = " Hello world! ";
var result = str.trim(); 
//result: "Hello world!"

var str = " Hello world! ";

var result = str.trim();

//result: "Hello world!"

valueOf()

возвращает простое значение строки - объекта

var str = "Hello world!";
var result = str.valueOf(); 
//result: "Hello world!"

var str = "Hello world!";

var result = str.valueOf();

//result: "Hello world!"

Типы данных в JavaScript

Числа в JavaScript