Самые необходимые строковые и числовые методы в javascript

Содержание:

Отступы в строках
search()
slice()
Native JavaScript Methods
Объединение строк
- Конкатенация строк
- Повторение строки
- Объединение строк
- Разделение строки
localeCompare()
Строковые примитивы и объекты String
JavaScript
License
Создание строк
- Примитивы
- Объекты
JavaScript
Использование методов и свойств строк
JavaScript учебник
Экранирующий символ
- Пример
- Пример
- Пример
Оператор typeof
Сравнение строк
replace()
JS Tutorial
Создание строкового объекта
Объединение
Строки могут быть объектами
- Пример
- Пример
- Пример
- Пример
- Пример
Replacing String Content
- Example
- Example
- Example
- Example
- Example
JavaScript
Разбиение на массив
Сравнение строк
Удаление пробелов

Отступы в строках

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

// Дополнить строку "hello" пробелами, чтобы
// она получила длину в 8 символов:

"hello".padStart(8) // "   hello"
"hello".padEnd(8) // "hello   "

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

Эта строка будет повторяться до тех пор, пока не будет достигнута целевая длина (строка будет обрезана, если она не помещается):

// Увеличить "Train" до 13 символов,
// используя строку "Choo".
"Train".padStart(13, "Choo")

// Вывод: "ChooChooTrain"

Поддержка и браузерами::

Chrome: 57+
Edge: 15+
Firefox: 48+
Safari: 10+
Opera: 44+

search()

Javascript: window location

Отдаёт расположение первого совпадения строки в заданной строке.

Этот метод отдаёт индекс начала упоминания или , если такого не было найдено.

Вы можете использовать регулярные выражения (и на самом деле, даже если вы передаёте строку, то внутренне оно тоже применяется как регулярное выражение).

slice()

Генератор случайных чисел в javascript

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

Оригинальная строка не изменяется.

опциональна.

Если вы выставите первым параметром отрицательное число, то начальный индекс будет считаться с конца и второй параметр тоже должен быть отрицательным, всегда ведя отсчет с конца:

Native JavaScript Methods

Методы массивов

imports all of the native JavaScript methods. This is for convenience. The only difference is that the imported methods return objects instead of native JavaScript strings. The one exception to this is the method . This is because only returns a string of length one. This is typically done for comparisons and a object will have little to no value here.

All of the native methods support chaining with the methods.

Example:

var S = require('string');

var phrase = S('JavaScript is the best scripting language ever!');
var sub = 'best scripting';
var pos = phrase.indexOf(sub);
console.log(phrase.substr(pos, sub.length).truncate(8)); //best...

Объединение строк

Image by Rudy and Peter Skitterians from Pixabay

Конкатенация строк

Вы можете объединить (или «конкатенировать») несколько строк, чтобы создать новую, используя символ +:

let name = "Base" + "Class"

// Вывод: "BaseClass"

Этот подход также можно использовать для разделения создания строки на несколько строк для удобства чтения:

let name = "This really is " +
    "a very " +
    "long string"

// "This really is a very long string"

Вы также можете объединять строки с переменными (нестроковые переменные будут преобразованы в строки):

let precinct = 99
let name = "Brooklyn " + precinct

// Вывод: "Brooklyn 99"

Чтобы создать новую строку, добавив ее в конец существующей, используйте +=:

let name = "Three "
name += "Blind "
name += "Mice"

// "Three Blind Mice"

Вы также можете объединить строки и переменные с помощью метода string.concat(), но это не рекомендуется по .

Вместо этого используйте операторы + или +=, как показано выше.

Повторение строки

Метод JavaScript возвращает новую строку, содержащую исходную строку, повторяющуюся несколько раз.

let warning = "Londons Burning. "
let result = warning.repeat(2)

// "London's Burning. London's Burning. "

Вы можете использовать string.repeat() в следующих браузерах:

Chrome: 41+
Edge: 12+
Firefox: 24+
Safari: 9+
Opera: 28+

Объединение строк

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

По умолчанию элементы разделяются запятой:

let heros = 
heros.join()

// "Superman,Wonder Woman,Hulk"

Вы также можете указать строку, используемую для разделения элементов:

let heroes = 
heroes.join(" or ")

// "Superman or Wonder Woman or Hulk"

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

let heroes = 
heroes.join("")

// "SupermanWonder WomanHulk"

Когда используется в массиве, он также возвращает список строк, разделенных запятыми.

let heroes = 
heroes.toString()

// Вывод: Superman,Wonder Woman,Hulk"

Разделение строки

Вы можете разделить строку на массив с помощью метода split().

Типичные варианты использования:

Превращаем предложение в массив слов, разбивая его по пробелам:

"Welcome to Paradise".split(" ")
//

…или разделение многострочной строки на отдельные строки:

let song = `Hello,
Is it me you're looking for?`

song.split("\n")

//

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

Если вам нужно преобразовать строку в JavaScript в массив символов учитывайте, что метод не работает для символов Unicode, которые представлены «суррогатными парами»:

"!".split("") //

В современных браузерах вместо этого можно использовать spread-оператор:

//

localeCompare()

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

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

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

Где бы вы обычно использовали:

Только тут мы можем это сделать с помощью localeCompare(), который позволит нам работать с алфавитами по всему миру.

Объект переданный как третий аргумент, может быть использован для передачи дополнительных условий. Посмотрите все возможные значения для этих условий на MDN.

Строковые примитивы и объекты String

В JavaScript существует два типа строк. JavaScript различает строковый примитив (неизменный тип данных) и объект String.

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

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

Во втором случае с помощью new String() был создан объект и присвоен переменной.

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

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

JavaScript

JS Array
concat()
constructor
copyWithin()
entries()
every()
fill()
filter()
find()
findIndex()
forEach()
from()
includes()
indexOf()
isArray()
join()
keys()
length
lastIndexOf()
map()
pop()
prototype
push()
reduce()
reduceRight()
reverse()
shift()
slice()
some()
sort()
splice()
toString()
unshift()
valueOf()

JS Boolean
constructor
prototype
toString()
valueOf()

JS Classes
constructor()
extends
static
super

JS Date
constructor
getDate()
getDay()
getFullYear()
getHours()
getMilliseconds()
getMinutes()
getMonth()
getSeconds()
getTime()
getTimezoneOffset()
getUTCDate()
getUTCDay()
getUTCFullYear()
getUTCHours()
getUTCMilliseconds()
getUTCMinutes()
getUTCMonth()
getUTCSeconds()
now()
parse()
prototype
setDate()
setFullYear()
setHours()
setMilliseconds()
setMinutes()
setMonth()
setSeconds()
setTime()
setUTCDate()
setUTCFullYear()
setUTCHours()
setUTCMilliseconds()
setUTCMinutes()
setUTCMonth()
setUTCSeconds()
toDateString()
toISOString()
toJSON()
toLocaleDateString()
toLocaleTimeString()
toLocaleString()
toString()
toTimeString()
toUTCString()
UTC()
valueOf()

JS Error
name
message

JS Global
decodeURI()
decodeURIComponent()
encodeURI()
encodeURIComponent()
escape()
eval()
Infinity
isFinite()
isNaN()
NaN
Number()
parseFloat()
parseInt()
String()
undefined
unescape()

JS JSON
parse()
stringify()

JS Math
abs()
acos()
acosh()
asin()
asinh()
atan()
atan2()
atanh()
cbrt()
ceil()
clz32()
cos()
cosh()
E
exp()
expm1()
floor()
fround()
LN2
LN10
log()
log10()
log1p()
log2()
LOG2E
LOG10E
max()
min()
PI
pow()
random()
round()
sign()
sin()
sinh()
sqrt()
SQRT1_2
SQRT2
tan()
tanh()
trunc()

JS Number
constructor
isFinite()
isInteger()
isNaN()
isSafeInteger()
MAX_VALUE
MIN_VALUE
NEGATIVE_INFINITY
NaN
POSITIVE_INFINITY
prototype
toExponential()
toFixed()
toLocaleString()
toPrecision()
toString()
valueOf()

JS OperatorsJS RegExp
Modifiers:
g
i
m
Groups:

(x|y)
Metacharacters:
.
\w
\W
\d
\D
\s
\S
\b
\B
\0
\n
\f
\r
\t
\v
\xxx
\xdd
\uxxxx
Quantifiers:
+
*
?
{X}
{X,Y}
{X,}
$
^
?=
?!
Properties:
constructor
global
ignoreCase
lastIndex
multiline
source
Methods:
compile()
exec()
test()
toString()

JS Statements
break
class
continue
debugger
do…while
for
for…in
for…of
function
if…else
return
switch
throw
try…catch
var
while

JS String
charAt()
charCodeAt()
concat()
constructor
endsWith()
fromCharCode()
includes()
indexOf()
lastIndexOf()
length
localeCompare()
match()
prototype
repeat()
replace()
search()
slice()
split()
startsWith()
substr()
substring()
toLocaleLowerCase()
toLocaleUpperCase()
toLowerCase()
toString()
toUpperCase()
trim()
valueOf()

License

Licensed under MIT.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the «Software»), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED «AS IS», WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Создание строк

По сути, в JavaScript есть две категории строк: строковые примитивы и объекты String.

Примитивы

Строковые примитивы создаются следующими способами:

let example1 = "BaseClass"
// или 
let example2 = String("BaseClass")

Почти во всех случаях вы должны использовать один из этих методов для создания новой строки.

При определении строкового литерала можно использовать одинарные кавычки () или двойные кавычки ().

Объекты

Вы можете создать объект String, используя ключевое слово .

Единственное реальное преимущество объекта перед строковым примитивом состоит в том, что вы можете назначить ему дополнительные свойства:

let website = new String("BaseClass")
website.rating = "great!"

Однако очень мало случаев, когда это полезно. Практически во всех случаях следует создавать строковый примитив.

Все знакомые вам методы строк являются частью объекта String, а не примитива.

Когда вы вызываете метод для строкового примитива, JavaScript оборачивает примитив в String-объект и вызывает метод этого объекта.

JavaScript

JS Boolean
constructor
prototype
toString()
valueOf()

JS Classes
constructor()
extends
static
super

JS Error
name
message

JS Global
decodeURI()
decodeURIComponent()
encodeURI()
encodeURIComponent()
escape()
eval()
Infinity
isFinite()
isNaN()
NaN
Number()
parseFloat()
parseInt()
String()
undefined
unescape()

JS JSON
parse()
stringify()

JS OperatorsJS RegExp
Modifiers:
g
i
m
Groups:

JS Statements
break
class
continue
debugger
do…while
for
for…in
for…of
function
if…else
return
switch
throw
try…catch
var
while

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

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

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

1
2
3
4

varstr=»Text»;

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

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

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

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

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

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

1
2
3

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

str.trim();//Результат — «Random text written»

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

JavaScript учебник

JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS ScopeJS EventsJS StringsJS String MethodsJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop WhileJS BreakJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS DebuggingJS HoistingJS Strict ModeJS this KeywordJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved WordsJS VersionsJS Version ES5JS Version ES6JS JSON

Экранирующий символ

Поскольку строки должны быть записаны в кавычках, JavaScript будет неправильно понимать эту строку:

var x = «Мы так называемые «Викинги» из севера.»;

Строка будет разделена на фразе «Мы так называемые «.

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

Экранирующий символ обратной косой черты () превращает специальные символы в строковые символы:

Код	Результат	Описание
\’	‘	Одинарные кавычки
\»	«	Двойные кавычки
\\	\	Обратный слэш

Последовательность вставляет двойную кавычку в строку:

Пример

var x = «Мы так называемые \»Викинги\» из севера.»;

Последовательность вставляет одинарную кавычку в строку:

Пример

var x = ‘Это\’ правильно.’;

Последовательность вставляет обратный слэш в строку:

Пример

var x = «Символ \\ называется обратной косой чертой (обратным слэшем).»;

Шесть других экранирующих последовательностей, валидных в JavaScript:

Код	Результат
\b	Backspace (возврат на одну позицию)
\f	Подача формы
\n	Новая линия (новая строка)
\r	Возврат каретки
\t	Горизонтальный табулятор
\v	Вертикальный табулятор

Вышеуказанные 6 управляющих символов изначально были предназначены для управления пишущими машинками, телетайпами и факсимильными аппаратами. Они не имеют никакого смысла в HTML.

Оператор typeof

Оператор возвращает тип аргумента. Это полезно, когда мы хотим обрабатывать значения различных типов по-разному или просто хотим сделать проверку.

У него есть две синтаксические формы:

Синтаксис оператора: .
Синтаксис функции: .

Другими словами, он работает со скобками или без скобок. Результат одинаковый.

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

Последние три строки нуждаются в пояснении:

— это встроенный объект, который предоставляет математические операции и константы. Мы рассмотрим его подробнее в главе Числа. Здесь он служит лишь примером объекта.
Результатом вызова является . Это официально признанная ошибка в , ведущая начало с времён создания JavaScript и сохранённая для совместимости. Конечно, не является объектом. Это специальное значение с отдельным типом.
Вызов возвращает , потому что является функцией. Мы изучим функции в следующих главах, где заодно увидим, что в JavaScript нет специального типа «функция». Функции относятся к объектному типу. Но обрабатывает их особым образом, возвращая . Так тоже повелось от создания JavaScript. Формально это неверно, но может быть удобным на практике.

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

Строки как и другие литералы в 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 — объект.

1
2
3
4
5
6
7
8
9

vara=»one»;

varb=»two»;

varc=»one»;

varx=newstring(«one»);

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

replace()

Этот метод находит первое упоминание в заданной строке и заменяет его на .

Отдаёт новую строку, не трогая оригинальную.

Вы можете передать регулярное выражение как первый аргумент:

заменяет только первое упоминание, но а если вы будете использовать regex как поиск строки, то вы можете использовать ():

Второй параметр может быть функцией. Эта функция будет вызвана с заданным количеством аргументов, когда найдётся совпадение (или каждое совпадение в случае с regex ):

Нужная строка
Целое число, которое указывает позицию в строке, где произошло совпадение
Строка

Отдающееся значение функции заменит совпадающую часть строки.

Пример:

Это работает и для обычных строк, а не только для регулярок:

В случае c regex, когда выбираются группы, все эти значения будут переданы как аргументы прямо после параметра совпадения.

JS Tutorial

JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS LetJS ConstJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS EventsJS StringsJS String MethodsJS String SearchJS String TemplatesJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS Array ConstJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop For InJS Loop For OfJS Loop WhileJS BreakJS IterablesJS SetsJS MapsJS TypeofJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS ScopeJS HoistingJS Strict ModeJS this KeywordJS Arrow FunctionJS ClassesJS JSONJS DebuggingJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved Words

Создание строкового объекта

С помощью конструктора создается объект, в который «упакована» текстовая строка. Для создания строкового объекта используется выражение следующего вида:

Здесь имя переменной (val) выполняет роль ссылки на строковый объект. Аргументом (string) конструктору обычно передается текстовое значение (базового типа): любая последовательность Unicode символов, которую необходимо преобразовать в строку.

Однако можно создать строковый объект и с помощью строковых литералов:

Обратите внимание, что JavaScript различает строковые литералы, заданные через кавычки (и называемые «примитивными» строками) от объектов String, созданных с помощью оператора new:

Выполнить код »
Скрыть результаты

Примечание: Интерпретатор JavaScript неявно использует объект String в качестве объекта обертки, поэтому строковой литерал интерпретируется так, как будто был создан с помощью оператора new, так что на строковых примитивах возможно использовать свойства и методы объекта String.

Объединение

Рассмотрим основные аспекты, связанные с объединением строк и строковых переменных.

Стандартный способ:

let s1 = ‘Hello’;
let s2 = ‘world’;
let s3 = s1 + s2 + ‘!’;
console.log(s3); // Hello world!

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

let s1 = «It’s string»;
let s2 = ‘It\’s string’;

Применяется в JavaScript и ещё один тип кавычек — обратные. Их использование позволяет размещать переменные прямо внутри строки.

let s1 = ‘Hello’;
let s2 = ‘world’;
let s3 = `${s1} ${s2}!`;
console.log(s3); // Hello world!

Ещё один способ объединения — использовать функцию «concat».

let s1 = ‘Hello’;
let s2 = ‘world’;
let s3 = s1.concat(‘ ‘, s2, ‘!’);
console.log(s3); // Hello world!

Здесь в переменную «s3», будет присваиваться значение переменной «s1», объедененное с пробелом, «s2» и восклицательным знаком

Важно, значение «s1» не изменится

Строки могут быть объектами

Обычно строки JavaScript являются примитивными значениями, созданными из литералов:

Но строки также могут быть определены как объекты с ключевым словом :

Пример

var x = «John»;
var y = new String(«John»);
// typeof x вернёт строку// typeof y вернёт объект

Не создавайте строки как объекты. Это замедляет скорость выполнения.
Ключевое слово усложняет код. Это может привести к неожиданным результатам:

При использовании оператора одинаковые строки равны:

Пример

var x = «John»;
var y = new String(«John»);
// (x == y) верно, потому что х и у имеют равные значения

При использовании оператора одинаковые строки не равны, поскольку оператор ожидает равенства как по типу, так и по значению.

Пример

var x = «John»;
var y = new String(«John»);
// (x === y) является false (неверно), потому что x и y имеют разные типы (строка и объект)

Или даже хуже. Объекты нельзя сравнивать:

Пример

var x = new String(«John»);
var y = new String(«John»);
// (x == y) является false (неверно), потому что х и у разные объекты

Пример

var x = new String(«John»);
var y = new String(«John»);
// (x === y) является false (неверно), потому что х и у разные объекты

Обратите внимание на разницу между и .Сравнение двух JavaScript объектов будет всегда возвращать

Replacing String Content

The method replaces a specified value with another
value in a string:

Example

let text = «Please visit Microsoft!»;
let newText = text.replace(«Microsoft», «W3Schools»);

The method does not change the string it is called on. It returns a new string.

By default, the method replaces only the first match:

Example

let text = «Please visit Microsoft and Microsoft!»;
let newText = text.replace(«Microsoft», «W3Schools»);

By default, the method is case sensitive. Writing MICROSOFT (with
upper-case) will not work:

Example

let text = «Please visit Microsoft!»;
let newText = text.replace(«MICROSOFT», «W3Schools»);

To replace case insensitive, use a regular expression with an flag (insensitive):

Example

let text = «Please visit Microsoft!»;
let newText = text.replace(/MICROSOFT/i, «W3Schools»);

Note that regular expressions are written without quotes.

To replace all matches, use a regular expression with a flag (global match):

Example

let text = «Please visit Microsoft and Microsoft!»;
let newText = text.replace(/Microsoft/g, «W3Schools»);

You will learn a lot more about regular expressions in the chapter JavaScript Regular
Expressions.

JavaScript

JS Boolean
constructor
prototype
toString()
valueOf()

JS Classes
constructor()
extends
static
super

JS Error
name
message

JS Global
decodeURI()
decodeURIComponent()
encodeURI()
encodeURIComponent()
escape()
eval()
Infinity
isFinite()
isNaN()
NaN
Number()
parseFloat()
parseInt()
String()
undefined
unescape()

JS JSON
parse()
stringify()

JS OperatorsJS RegExp
Modifiers:
g
i
m
Groups:

JS Statements
break
class
continue
debugger
do…while
for
for…in
for…of
function
if…else
return
switch
throw
try…catch
var
while

Разбиение на массив

Преобразование строки в массив. В качестве параметра указывается разделитель, в нашем случае это пробел.
```
let s = 'Happy new 2020 year!';
let a = s.split(' ');
console.log(a); // 
```

Обратная функция «join».

let a = ;
let s = a.join(' ');
console.log(a); // Happy new 2020 year!

В совокупности функции позволяют быстро конвертировать строку в массив, произвести с каждым элементом манипуляции и возвратить обратно строку. Например, вот как быстро можно обернуть каждый символ строки в тег span:

let s = 'Hello';
s = s.split("").map(el => `<span>${el}</span>`).join("");
console.log(s); // <span>H</span><span>e</span><span>l</span><span>l</span><span>o</span>

В примере используется синтаксис ECMAScript 6, может не поддерживаться устаревшими браузерами.

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

В JavaScript для сравнения строк можно использовать операторы меньше и больше:

В JavaScript строки сравниваются посимвольно в алфавитном порядке. Сначала сравниваются первые символы строк, затем вторые, третьи… И как только какой-то символ оказывается меньше, строка считается меньше, даже если в строке больше символов. Если у какой-то строки заканчиваются символы, то она считается меньше, а если символы закончились у обоих строк одновременно – они одинаковые.

Но стоит отметить, что строки имеют внутреннюю кодировку Юникод – каждому символу соответствует свой числовой код.

Есть метод для получения символа по его коду String.fromCharCode():

Выполнить код »
Скрыть результаты

А вот метод charCodeAt() наоборот возвращает числовое значение Unicode символа, индекс которого был передан методу в качестве аргумента:

Выполнить код »
Скрыть результаты

А теперь давайте выведем интервал символов Unicode с кодами от 1025 до 1105:

Выполнить код »
Скрыть результаты

Как видите, не все символы в Юникоде соответствуют их месту в алфавите. Есть некоторые исключения. Строчные буквы идут после заглавных, поэтому они всегда больше. А буква ‘ё’, имеет код, больший чем ‘я’, поэтому ‘ё’(код 1105) > ‘я’(код 1103).

Для правильного сравнения строк используйте метод str1.localeCompare(str2), который сравнивает одну строку с другой и возвращает одно из трех значений:

Если строка str1 должна располагаться по алфавиту перед str2, возвращается -1.
Если строка str1 равна str2, возвращается .
Если строка str1 должна располагаться по алфавиту после str2, возвращается 1.

Удаление пробелов

Следующие методы удаляют все пробелы, табуляции, неразрывные пробелы и символы окончания строки (например, ) из соответствующей части строки:

"  Trim Me  ".trim() // "Trim Me"
"  Trim Me  ".trimStart() // "Trim Me  "
"  Trim Me  ".trimEnd() // "  Trim Me"

"With Newline\n".trimEnd() // "With NewLine"

и были введены в ES10 и теперь являются «предпочтительными» методами для использования в соответствии с этой спецификацией.

Однако на момент написания они не поддерживаются в браузере Edge.

Для совместимости во всех современных браузерах используйте и :

"  Trim Me  ".trimLeft() // "Trim Me  "
"  Trim Me  ".trimRight() // "  Trim Me"