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

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

Новые методы объектов

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

object.assign ()

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

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

Object.entries ()

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

Object.getOwnPropertyDescriptors ()

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

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

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

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

Array.includes ()

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

Array.find ()

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

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

Array.findIndex ()

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

Array.values ​​()

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

Array.entries ()

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

Array.from ()

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

Array.keys ()

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

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

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

String.repeat ()

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

String.includes ()

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

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

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

Number.isNaN ()

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

Number.isInteger ()

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

Number.isSafeInteger ()

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

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

Number.isFinite ()

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

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

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

Новые особые объекты

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

Proxy () объект

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

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

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

Для понимания прокси напишем два примера.

Пример 1:

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

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

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

Пример 2:

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

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

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

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

Set () объект

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

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

Подведение итогов

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

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

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

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

  • JavaScript ES6 - меньше пишите, делайте больше
  • Изучите Bootstrap 4 за 30 минут, создав целевой сайт
  • Angular 6 и его новые функции, все за три минуты
  • Как использовать маршрутизацию в Vue.js для улучшения взаимодействия с пользователем
  • Вот самые популярные способы сделать HTTP-запрос в JavaScript.
  • Узнайте, как создать свое первое приложение на Angular за 20 минут