В последние несколько лет JavaScript выступил со многими новыми выпусками. Они принесли новые функции, особенно в синтаксисе и его ядре. Эти обновления сделали JavaScript более читаемыми и умными. Я познакомим нас к новым методам для массивов, объектов и строк. Эти новые методы могут обрабатывать данные элегантным и эффективным способом, написав меньше кода. Это то, что мы собираемся объяснить в этой статье.
Методы новых объектов
Объект – это то, что делает JavaScript мощным языком программирования. Объекты позволяют группировать различные типы данных. Если вы хотите узнать любой новый JavaScript Framework, такие как React, Vue, или угловые, вы должны знать, как использовать объекты и его методы. Эти рамки используют объекты, чтобы получить и обрабатывать ввод пользователя. Новые выбросы JavaScript приносят новые методы к объектам, которые делают их более веселыми. Вот новые методы объекта:
объект.assign ()
Метод Object.Assign () имеет несколько рабочих мест. Он может скопировать объект, клон от другого объекта или объединять два или более объектов.
- Скопируйте значения из другого объекта:
- Клонировать объект к новому объекту
- Кроме того, вы можете объединить дубликаты свойств с помощью Object.Assign (), установив два пустых скобка в качестве первого аргумента:
Object.entries ()
Метод Object.entries () Возвращает ключи и значения объекта в качестве массива.
Object.GetownPropertyDescriptors ()
Object.getownPropertyDescriptors позволяет нам получить дескриптор свойств для объекта.
Это действительно полезно проверить свойство дескриптора объекта, например, посмотреть, если он пишется или перечисляется.
Новые методы массива
Новые выбросы JavaScript предоставили новые методы для массивов. Вот новые методы массива:
Array.includes ()
Array.includes () позволяет нам проверить, существует ли свойство в массиве. Вы можете увидеть разницу между старым кодом и новым синтаксисом (ES6). Новый метод короткий и читаемый.
Array.find ()
Array.find () помогает нам найти элемент в массиве. Требуется функция обратного вызова в качестве аргумента. Функция обратного вызова предоставляет больше вариантов поиска и извлечения сложных данных.
Если имущество, которое мы ищем существуют, он возвращает найденную стоимость. В противном случае он возвращает undefined.
Array.findindex ()
Array.findindex () Возвращает индекс найденного элемента вместо значения.
Array.values ()
Этот новый метод возвращает итератор массива значений, поэтому мы можем запустить цикл для извлечения каждого значения массива.
Array.entries ()
Array.entries () Возвращает ключ и значение, так и в формате массива.
Array.from ()
Array.from () был введен в выпуске ES6. Это может делать несколько вещей, запуская функцию карты () на данных. Он может преобразовать строку в массив или даже создать новый массив из данных.
Array.keys ()
Как подразумевает имя, этот метод возвращает ключи массива.
Новые строковые методы
Новые выбросы JavaScript предоставили новые строковые методы. Вот новые строковые методы:
String.repeat ()
String.repeat () Метод позволяет повторить строку.
String.includes ()
String.includes () работает как Array.inCludes (). Возвращает логическое значение, если введенные значения существуют.
Новые методы номера
Новые выбросы JavaScript предоставляли новые методы номера. Вот новые методы номера:
Номер .isnan ()
Этот метод был выпущен в обновлении ES6. Он проверяет числовое значение, переданное и возвращает true, если значение является NAN. В противном случае он возвращает false. Этот метод вдохновлен классической функцией ISNAN () в JavaScript.
Номер .isinteger ()
Как и предыдущий метод, число .isinteger () проверяет, проходит ли значение, это целое число или нет. Это вернется правдой, если значение является целым числом и ложным, если это не так.
Номер .issafeinteger ()
Вы всегда можете хотеть подтвердить вход пользователей, чтобы убедиться, что это число. Number.issafeinteger () проверяет, является ли номер безопасным номером.
Узнайте больше здесь
Номер .isfinite ()
Number.isfinite () Проверяет, если значение прошло, это конечное число или нет.
Поддержка браузера
Новые номера методы практически поддерживаются основным браузером, за исключением оперы Mini и IE-11. Поддержка отображается на изображении ниже:
Новые специфические объекты
JavaScript поставляется с новыми специфическими функциями, которые позволяют нам написать больше исполнительного кода. Вот новые конкретные методы объекта:
Прокси () объект
Прокси – одно из великолепных дополнений к JavaScript. Это создает пользовательское поведение для нашего кода. С прокси вы можете обрабатывать:
- Проверка пользовательских данных
- Коррекция данных
- Просмотров недвижимости
- назначение
- перечисление
- Вызов функций
Проверьте другие виды использования прокси и его методы здесь Отказ
Для понимания прокси, мы собираемся написать два примера.
Пример 1:
В этом примере мы проверяем данные, получив его от пользователя. Мы постараемся определить поведение неопределенной ошибки.
Как вы видите в примере выше UserInfo.favcar возвращает undefined Отказ Что если мы хотим обрабатывать это сообщение об ошибке? Если мы хотим создать пользовательское поведение для ошибки, например, отображение другого сообщения вместо undefined, мы можем использовать прокси в этом случае.
Мы определили новый прокси и дали ему два аргумента – объект и обработчик. Обработчик запускает некоторый код проверки и проверяет, существует ли свойство в объекте. Возвращает свойство, если она существует. В противном случае он возвращает сообщение, которое мы определены, и это называется поиск недвижимости.
Пример 2:
В этом примере мы создадим проверку определенного значения в объекте, используя Установить метод.
В этом примере мы можем проверить DataType и возвращает новый тип deyeRror (). Это облегчает отладку намного проще. Вы можете понять больше с этим Полезная статья Отказ
Поддержка браузера
Прокси работает неплохо для всего основного браузера, как вы видите ниже:
Установить () объект
Установленный объект представляет собой новую функцию в JavaScript. Это позволяет нам хранить уникальные значения. У него есть куча методов, которые вы можете играть. MODED.ADD MOSS позволяет добавить новое свойство на объект. Object.Delete удаляет свойство от объекта. Объект. Очищает все свойства от объекта. Пример ниже объясняет методы объекта.
Узнайте больше о Set () Объект здесь Отказ
Обертывание
Мы просто охватываем новые встроенные методы, представленные JavaScript. С этими новыми отличными функциями я больше не использую старый синтаксис и методы в моем коде. Новые методы позволяют элегантно написать опытный и исполнительный код JavaScript.
Вы можете проверить мои статьи о Новый синтаксис ES6 Также также освежить свои навыки в JavaScript.
Предыдущие статьи:
- JavaScript ES6 – напишите меньше, сделайте больше
- Узнайте Bootstrap 4 в 30 минутах, построение посадки на сайт
- Angular 6 и это новые функции, все объясненные в три минуты
- Как использовать маршрутизацию в Vue.js, чтобы создать лучший пользовательский опыт
- Вот самые популярные способы сделать HTTP-запрос в JavaScript
- Узнайте, как создать свое первое угловое приложение за 20 минут