Ето новите вградени методи и функции в JavaScript

През последните няколко години JavaScript излезе с много нови версии. Те внесоха нови функции, особено в синтаксиса и неговото ядро. Тези актуализации направиха JavaScript по-четлив и умен. Ще ви запозная с новите методи за масиви, обекти и низове. Тези нови методи могат да обработват данните по елегантен и ефективен начин, като пишат по-малко код. Това ще обясним в тази статия.

Методите на новите обекти

Обектът е това, което прави JavaScript мощен език за програмиране. Обектите ви позволяват да групирате различни типове данни. Ако искате да научите някаква нова JavaScript рамка като React, Vue или Angular, трябва да знаете как да използвате обектите и техните методи. Тези рамки използват обекти, за да получат и обработват потребителските данни. Новите версии на JavaScript носят нови методи за обекти, които ги правят по-забавни. Ето новите обектни методи:

object.assign ()

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

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

Object.entries ()

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

Object.getOwnPropertyDescriptors ()

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

Наистина е полезно да проверите свойството на дескриптора на обекта, например, да видите дали той може да се записва или изброява.

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

Новите версии на JavaScript предоставят нови методи за масиви. Ето новите методи за масив:

Array.includes ()

Array.includes () ни позволява да проверим дали дадено свойство съществува в масив. Можете да видите разликата между стария код и новия синтаксис (ES6). Новият метод е кратък и по-четлив.

Array.find ()

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

Ако търсеното от нас свойство съществува, то връща намерената стойност. В противен случай се връща недефинирано.

Array.findIndex ()

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

Array.values ​​()

Този нов метод връща итератор на масив на стойностите, за да можем да изпълним цикъл for, за да извлечем всяка стойност на масива.

Array.entries ()

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

Array.from ()

Array.from () беше представен в изданието ES6. Той може да прави множество неща, като изпълнява функция map () на данните. Той може да преобразува низ в масив или дори да създаде нов масив от данните.

Array.keys ()

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

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

Новите версии на JavaScript предоставиха нови String методи. Ето новите низови методи:

String.repeat ()

Методът String.repeat () ви позволява да повторите низ.

String.includes ()

String.includes () работи като Array.includes (). Той връща булева стойност, ако въведената стойност съществува.

Новите методи за брой

Новите версии на JavaScript предоставиха нови методи за брой. Ето новите методи за брой:

Number.isNaN ()

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

Number.isInteger ()

Подобно на предишния метод, Number.isInteger () проверява дали предадената стойност е цяло число или не. Ще върне true, ако стойността е цяло число и false, ако не е.

Number.isSafeInteger ()

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

Научете повече тук

Number.isFinite ()

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

Поддръжка на браузър

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

Нови конкретни обекти

JavaScript се предлага с нови специфични функции, които ни позволяват да напишем по-ефективен код. Ето новите специфични обектни методи:

Прокси () обект

Проксито е едно от чудесните допълнения към JavaScript. Той създава персонализирано поведение за нашия код. С прокси можете да се справяте с:

  • валидиране на потребителски данни
  • корекция на данни
  • търсене на имоти
  • възлагане
  • изброяване
  • извикване на функция

Проверете други употреби на прокси и неговите методи тук.

За разбиране на прокси ще напишем два примера.

Пример 1:

В този пример проверяваме данните, докато ги получаваме от потребител. Ще се опитаме да дефинираме поведението на неопределена грешка.

Както виждате в горния пример, userInfo.favCar се връща undefined. Ами ако искаме да обработим това съобщение за грешка? Ако искаме да създадем персонализирано поведение за грешката, например, показвайки друго съобщение вместо недефинирано, в този случай можем да използваме прокси.

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

Пример 2:

В този пример ще създадем проверка за конкретна стойност в обекта, използвайки метода set .

В този пример можем да проверим типа на данните и да върнем нов TypeError (). Това прави отстраняването на грешки много по-лесно. Можете да разберете повече с тази полезна статия.

Поддръжка на браузър

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

Set () обект

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

Научете повече за обекта Set () тук.

Обобщавайки

Току-що разгледахме новите вградени методи, въведени от JavaScript. С тези нови страхотни функции вече не използвам стария синтаксис и методи в кода си. Новите методи ви позволяват да пишете опитен и ефективен JavaScript код по елегантен начин.

Можете да проверите моите статии за новия синтаксис ES6, за да освежите уменията си в JavaScript.

Можете да ме намерите в Twitter и Instagram

Предишни статии:

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