Вот новые встроенные методы и функции JavaScript

1656545174 vot novye vstroennye metody i funkczii javascript

За последние несколько лет у JavaScript вышло много новых релизов. Они принесли новые функции, в частности синтаксис и его ядро. Эти обновления сделали JavaScript более читабельным и умным. Я познакомлю нас с новыми методами для массивов, объектов и строчек. Эти новые методы могут обрабатывать данные элегантным и эффективным способом, сочиняя меньше кода. Это то, что мы намерены объяснить в этой статье.

Методы новых объектов

Объект – это то, что делает JavaScript на мощном языке программирования. Объекты позволяют группировать разные типы данных. Если вы хотите изучить новый фреймворк JavaScript, например React, Vue или Angular, вы должны знать, как использовать Objects и его методы. Эти фреймворки используют объекты для получения и обработки ввода пользователя. Новые выпуски JavaScript привносят новые методы в объекты, которые делают их более веселыми. Вот новые методы Object:

object.assign()

Метод Object.assign() имеет несколько задач. Он может копировать объект, клонировать с другого объекта или объединять два или более объектов.

  • скопируйте значения с другого объекта:
0*qBKsVujrVAL6xOLe
  • Клонировать объект на новый объект
0*mcuQcGDjdMp0cJr0
  • Кроме того, вы можете объединить повторяющиеся свойства с помощью Object.assign(), установив две пустые скобки в качестве первого аргумента:
0*SijirtBAtch9RQJV

Object.entries()

Метод Object.entries() возвращает ключи и значение объекта в виде массива.

0*blt56m05sgP-W66J

Object.getOwnPropertyDescriptors()

Object.getOwnPropertyDescriptors позволяют получить дескриптор свойств для объекта.

0*kHGzsS7CxFNC4KxR

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

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

Новые выпуски JavaScript предоставили новые методы для массивов. Вот новые методы массива:

Array.includes()

0*eUKyNo_HsBiZlu-5

Array.includes() позволяет нам проверить, существует ли свойство в массиве. Вы можете увидеть разницу между старым кодом и новым синтаксисом (ES6). Новый метод короткий и более читабельный.

Array.find()

Array.find() помогает нам найти элемент в массиве. Он воспринимает функцию обратного вызова как аргумент. Функция обратного вызова предоставляет больше возможностей для поиска и удаления сложных данных.

0*W22CN1By0zY_5b5c

Если свойство, которое мы ищем, существует, оно возвращает найденное значение. В противном случае он возвращает значение undefined.

Array.findIndex()

Array.findIndex() возвращает индекс найденного элемента вместо значения.

0*geI5dkTiKkgj1fcJ

Array.values()

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

0*zy4yz0gjJmr4OFjE

Array.entries()

Array.entries() возвращает как ключ, так и значение в формате массива.

0*e3yydx80kfPQ4z45

массив.з()

Array.from() был представлен в выпуске ES6. Он может делать многое, запуская функцию map() для данных. Он может превратить строку в массив или даже создать новый массив из данных.

0*KB7Rka-Xbqfz3JSJ

Array.keys()

Как явствует из названия, этот метод возвращает ключи массива.

Новые методы String

Новые выпуски JavaScript обеспечили новые методы String. Вот новые методы String:

String.repeat()

Метод String.repeat() позволяет повторить строчку.

0*eGcnsadh8dExe7Cv

String.includes()

String.includes() работает как Array.includes(). Он возвращает логическое значение, если введенное значение существует.

0*pgzvrQp-DDjq5qph

Новые методы числа

Новые выпуски JavaScript снабдили новые методы Number. Вот новые методы чисел:

Number.isNaN()

Этот метод был выпущен в обновлении ES6. Он проверяет переданное значение Number и возвращает true, если значение NaN. В противном случае он возвращает false. Этот метод вдохновлен классической функцией isNAN() в JavaScript.

0*8VdOzRolKT5_sz8w

Number.isInteger()

Как и предыдущий метод, Number.isInteger() проверяет, передано ли значение целым или нет. Он вернет true, если значение является целым числом, и false, если это не так.

0*4KiJXHrDWgDKiSuv

Number.isSafeInteger()

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

Узнайте больше здесь

0*HOWyMxHakQXnhaf-

Number.isFinite()

Number.isFinite() проверяет, является ли переданное значение конечным числом или нет.

0*hZ7YCJL1fR6wRz-c

Поддержка браузера

Новые методы Number почти поддерживаются основными браузерами, за исключением Opera Mini и IE-11. Поддержка показана на рисунке ниже:

0*XZu4NeqSS8Bs0szA

Новые конкретные объекты

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

Объект Proxy().

Прокси является одним из замечательных дополнений к JavaScript. Это создает пользовательское поведение для нашего кода. С помощью прокси можно обрабатывать:

  • проверка данных пользователя
  • исправление данных
  • поиск недвижимости
  • назначение
  • перечисление
  • вызов функции

Просмотрите другие способы использования прокси-сервера здесь.

Чтобы понять прокси, мы собираемся написать два примера.

Пример 1:

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

0*yWBsgDpISrx1K9Y3

Как вы видите в приведенном выше примере, возвращает userInfo.favCar undefined. Что делать, если мы хотим обработать это сообщение об ошибке? Если мы хотим создать собственное поведение для ошибки, например отобразить другое сообщение вместо неопределенного, мы можем использовать прокси в этом случае.

0*rX4-Jfbm21ZoTDyC

Мы определили новый прокси и дали ему два аргумента – объект и обработчик. Обработчик запускает некоторый проверочный код и проверяет, существует ли свойство в объекте. Он возвращает свойство, если оно существует. В противном случае он возвращает сообщение, которое мы определили, и это вызывается поиск недвижимости.

Пример 2:

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

0*zQ31N-WaHiuTcdli

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

Поддержка браузера

Прокси работает достаточно хорошо для всех основных браузеров, как вы видите ниже:

0*7-0oJu4wU3M-1SYP

Объект Set().

Объект Set – это новая функция в JavaScript. Это позволяет нам сохранять уникальные значения. В нем есть множество методов, которыми вы можете играть. Метод Object.add позволяет добавить новое свойство объекту. Object.delete удаляет свойство из объекта. Object.clear очищает все свойства объекта. Нижеследующий пример объясняет объектные методы.

0*u9kaEZqYht6qpTFH

Узнайте больше об объекте Set() здесь.

Подведению

Мы только что рассмотрели новые встроенные методы JavaScript. Благодаря этим новым замечательным функциям, я больше не использую старый синтаксис и методы в своем коде. Новые методы позволяют писать квалифицированный и производительный код JavaScript элегантным способом.

Вы также можете просмотреть мои статьи о новом синтаксисе ES6, чтобы обновить свои навыки работы с JavaScript.

Вы можете найти меня в Twitter и Instagram

Предыдущие статьи:

Добавить комментарий

Ваш адрес email не будет опубликован.