ES6 - Расширения объектов

Расширение строки

Некоторые популярные методы, добавленные к объекту String в ES6:

Старший Нет Метод и описание
1 str.startsWith (searchString [, позиция])

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

2 str.endsWith (searchString [, длина])

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

3 str.includes (searchString [, позиция])

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

4 str.repeat (количество)

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

Расширения регулярных выражений

В регулярном выражении, например, /[A-Z]/g, начало и конец / называются delimiters. Все, что находится после закрывающего разделителя, называетсяmodifier. ES6 добавляет новый модификатор/g где g означает global. Это соответствует всем экземплярам шаблона в строке, а не только одному.

пример

В следующем примере выполняется поиск и возврат всех символов верхнего регистра в строке.

<script>
   let str = 'JJavascript is Fun to Work , very Fun '
   let regex = /[A-Z]/g // g stands for global matches
   let result = str.match(regex);
   console.log(result)
</script>

Вывод приведенного выше кода будет таким, как указано ниже -

["J", "J", "F", "W", "F"]

Поиск по регулярным выражениям чувствителен к регистру. Чтобы отключить чувствительность к регистру, используйте/i модификатор.

пример

В следующем примере выполняется глобальное сопоставление без учета регистра. Пример заменяетfun с участием enjoyable.

<script>
   // /gi global match ignore case

   let str = 'Javascript is fun to Work , very Fun '
   let regex = /Fun/gi;
   console.log(str.replace(regex,'enjoyable'));
   console.log(str)
   console.log(str.search(regex))
</script>

Вывод приведенного выше кода будет таким, как показано ниже -

Javascript is enjoyable to Work , very enjoyable
Javascript is fun to Work , very Fun
15

номер

Некоторые популярные методы добавлены в Number object в ES6 -

Старший Нет Метод и описание
1 Number.isFinite (значение)

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

2 Number.isNaN (значение)

возвращает истину, если заданное значение - NaN и его тип - Number; в противном случае - ложь.

3 Number.parseFloat (строка)

Число с плавающей запятой, извлекаемое из заданного значения. Если значение не может быть преобразовано в число, возвращается NaN.

4 Number.parseInt (строка; [основание системы счисления])

Метод анализирует строковый аргумент и возвращает целое число указанного основания или основания.

Математика

Некоторые популярные методы добавлены в Math object в ES6 -

Старший Нет Метод и описание
1 Math.sign ()

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

2 Math.trunc ()

функция возвращает целую часть числа, удаляя все дробные цифры.

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

В приведенной ниже таблице показаны различные методы массива в ES6 вместе с описанием.

Старший Нет Метод и описание
1 copyWithin ()

shallow копирует часть массива в другое место в том же массиве и возвращает его без изменения его длины.

2 записи ()

Метод возвращает новый объект Array Iterator, содержащий пары ключ / значение для каждого индекса в массиве.

3 найти()

Метод возвращает значение первого элемента в массиве, который удовлетворяет предоставленной функции тестирования. В противном случае возвращается undefined.

4 заполнить ()

заполняет все элементы массива от начального до конечного индекса статическим значением. Возвращает модифицированный массив.

5 Array.of ()

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

6 Array.from ()

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

Объект

Методы, относящиеся к функции объекта, упомянуты ниже в таблице вместе с соответствующим описанием.

Старший Нет Метод и описание
1 Object.is ()

метод определяет, являются ли два значения одним и тем же значением

2 Object.setPrototypeOf ()

устанавливает прототип указанного объекта на другой объект или значение null.

3 Object.assign ()

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