Методы строки в JavaScript

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

Значения-первоэлементы (например, “New Delhi”) не могут иметь свойств или методов (поскольку они не объекты).

Но в JavaScript методы и свойства также могут использоваться для значений-первоэлементов, так как JavaScript treats primitive values as objects when executing methods and properties.

Поиск длины строки

lengthПараметр возвращает длину строки. Длина пустой строки составляет 0.

var str = 'Java Script';
str.length; // return 11

Примечание:Пробелы также считаются символами:

Метод concat()

concat()Метод используется для объединения двух или более строк.

var a = 'w3codebox';
var b = 'COM';
var c = a.concat(b);

Примечание:Все строковые методы возвращают новый значения. Они не изменяют исходное значение переменной.

Преобразование в верхний и нижний регистр

toUpperCase()Метод возвращает преобразованную в верхний регистр строку значения вызова.

var str1 = "oldtoolbag.com";
var str2 = str1.toUpperCase();

toLowerCase()Метод возвращает преобразованную в нижний регистр строку значения вызова.

var str1 = "oldtoolbag.com";
var str2 = str1.toLowerCase();

Поиск подстроки в строке

indexOf()Метод возвращает положение первого的出现指定值的位置 (индекс).

var str = 'Air Pollution is introduction of chemicals to the atmosphere';
str.indexOf('Pollution');// 4

Примечание:Индекс первого символа равен 0, индекс второго символа равен 1 и так далее.

lastIndexOf()Метод возвращает положение последнего的出现指定值的位置 (индекс).

var str = 'Hello world, I repeat Hello world';
str.lastIndexOf('Hello');// 22

indexOf()сlastIndexOf()возврат-1Если значение не найдено:

var str = "oldtoolbag.com";
str.indexOf("fish");
str.lastIndexOf("beer");

indexOf()сlastIndexOf()Все они принимают второй параметр в качестве позиции начала поиска:

var str = 'HELLO WORLD HELLO';
str.indexOf('L', 6);

Поиск подстроки в строке

search()Метод выполняет поиск для нахождения совпадений регулярного выражения и строки.

Если找到了匹配项, он вернет положение первого совпадения, если не нашел совпадения, то вернет-1:

var str = 'The question is to be, or not to be, that is to be.';
var pos = str.search('to be');

Данный пример демонстрирует использование регулярных выражений с признаком i (не учитывая регистр):

var str = 'The question is TO BE, or not to be, that is to be.';
var pos = str.search(/to be/i);

В конце этого руководства вы узнаете больше о регулярных выражениях.

Convert string to array

split()The method splits the string into an array of substrings and returns a new array.

We will usesplit()The method separates the array by spaces represented by the character " ".

var str = 'can you help me?';
var arr = str.split("　");

Now we arearrA new array has been added to the variable, and we can access each element using an index number:

arr[0]; // Air
arr[2]; // is

In the following example, we will use "i" as a delimiter:

var str = 'can you help me?';
var arr = str.split("i");

If an empty string ("") is used as a delimiter, the string will be converted to a character array:

var str = 'can you help me?';
var arr = str.split(

By splitting the string, you can determine how many words are in a sentence.

Remove spaces before and after the string

trim()The method removes spaces from both ends of the string but cannot remove spaces between strings, spaces can be tabs or spaces.

var greeting = "　　Hello world!　　";
greeting.trim();

This is a common simple method for executing deletion of extra spaces.

Replace string value

replace()The method returns a new string that has part or all of the pattern matches and is replaced by the replacement.

The first parameter will be the value to find, and the second parameter will be the value to replace it with.

var str1 = 'The question is to be, or not to be, that is to be.';
var str2 = str1.replace('to be', 'ZZZ');

By default, the replace() method only replaces the first match.

To replace all occurrences, use a regular expression with the g flag (global search):

var str1 = 'The question is to be, or not to be, that is to be.';
var str2 = str1.replace(/to be/g, 'ZZZ');

To replace case-insensitive code, use a regular expression with the i flag (ignore case):

var str1 = 'The question is TO BE, or not to be, that is to be.';
var str2 = str1.replace(/to be/gi, 'ZZZ');

В конце этого руководства вы узнаете больше о регулярных выражениях.

извлечь часть строки

Есть три метода для извлечения части строки:

• slice(start, end)

• substring(start, end)

• substr(start, length)

метод slice()

slice()метод извлекает часть строки и возвращает её в виде нового строки, не изменяя исходную строку.

Этот метод имеет два параметра:начальный индекс (start)иконец индекса (end)не включаетконец)

Этот пример извлекает часть строки с индекса 3 до индекса 9 (10-1):

var str = 'Hello Javascript oldtoolbag.com';
var ext = str.slice(3, 10);

Примечание:Индекс первого символа равен 0, индекс второго символа равен 1 и так далее.

Используйте отрицательные индексы для выбора из конца строки:

var str = 'Hello Javascript oldtoolbag.com';
var ext = str.slice(-8, -3);

Если пропустить второй параметр, то этот метод вырежет оставшуюся часть строки:

var str = 'Hello Javascript oldtoolbag.com';
var ext = str.slice(3);

Следующие примеры используют slice() для извлечения последнего символа:

var str = 'Hello Javascript oldtoolbag.com';
var ext = str.slice(-1);

методе substring()

substring()метод подобенslice()метод.

Разница заключается вsubstring()не принимает отрицательные индексы.

var str1 = 'can you help me?';
var str2 = str1.substring(4, 10);

Если пропустить второй параметр, тоsubstring()метод извлекает оставшуюся часть строки:

var str1 = 'can you help me?';
var str2 = str1.substring(7);

методу substr()

substr()метод подобенslice()метод.

Разница заключается в том, что второй параметр определяет часть, которую нужно извлечь:длина.

Следующие примеры используются дляsubstr()Извлекает символы с индекса 4, длина 18:

var str1 = 'can you help me?';
var str2 = str1.substr(4, 18);

Если пропустить второй параметр, тоsubstr()Метод извлекает оставшуюся часть строки:

var str1 = 'can you help me?';
var str2 = str1.substr(7);

Чтобы извлечь символы из конца строки, используйте отрицательные индексы:

var str1 = 'Hello Javascript oldtoolbag.com';
var str2 = str1.substr(-6, 3); // tor

Доступ к символам строки

Есть три способа доступа к символам строки:

• charAt(index)

• charCodeAt(index)

• Метод записи []

Метод charAt

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

var str = 'Hello Javascript oldtoolbag.com';
str.charAt(1); // Возвращает a

Ниже приведен пример, который возвращает последний символ строки:

var str = 'Hello Javascript oldtoolbag.com';
str.charAt(str.length-1);

Метод charCodeAt

charCodeAtМетод возвращает целое число в диапазоне от 0 до 65535, представляющее UTF-16 кодовую единицу на данном индексе.

var str = 'Hello Javascript oldtoolbag.com';
str.charCodeAt(1); // Возвращает 97

Метод записи []

Вы можете использовать квадратные скобки для возврата любого символа в строке [].

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

var str = 'Hello Javascript oldtoolbag.com';
str[0]; // Возвращает P
str[1]; // Возвращает a

Полный справочник по строкам

Для полного справочника по свойствам и методам обратитесь на нашРеференс по строкам JavaScript.

Часть справки содержит описания и примеры всех строковых свойств и методов.