În ultimii ani, JavaScript a apărut cu multe versiuni noi. Au adus noi caracteristici în special în sintaxă și în nucleul acesteia. Aceste actualizări au făcut JavaScript mai ușor de citit și mai inteligent. Ne vom prezenta noile metode pentru matrice, obiecte și șiruri. Aceste noi metode pot gestiona datele într-un mod elegant și eficient scriind mai puțin cod. Ceea ce vom explica în acest articol.

Metodele noilor obiecte

Obiectul face din JavaScript un limbaj de programare puternic. Obiectele vă permit să grupați diferite tipuri de date. Dacă doriți să aflați orice cadru JavaScript nou, cum ar fi React, Vue sau Angular, trebuie să știți cum să utilizați Objects și metodele sale. Aceste cadre utilizează obiecte pentru a obține și gestiona intrările utilizatorului. Noile versiuni JavaScript aduc noi metode obiectelor care le fac mai distractive. Iată noile metode Object:

object.assign ()

Metoda Object.assign () are mai multe joburi. Poate copia un obiect, clona dintr-un alt obiect sau poate concatena două sau mai multe obiecte.

  • copiați valorile dintr-un alt obiect:
Iata noile metode si functii incorporate in JavaScript
  • Clonați un obiect pe un obiect nou
1612143967 122 Iata noile metode si functii incorporate in JavaScript
  • De asemenea, puteți îmbina proprietățile duplicate cu Object.assign () setând două paranteze goale ca primul argument:
1612143967 483 Iata noile metode si functii incorporate in JavaScript

Object.entries ()

Metoda Object.entries () returnează cheile și valorile obiectului ca matrice.

1612143967 677 Iata noile metode si functii incorporate in JavaScript

Object.getOwnPropertyDescriptors ()

Object.getOwnPropertyDescriptors ne permite să obținem descriptorul de proprietăți pentru un obiect.

1612143968 548 Iata noile metode si functii incorporate in JavaScript

Este foarte util să verificați proprietatea descriptorului de obiecte, de exemplu, să vedeți dacă este scriibil sau enumerabil.

Noile metode Array

Noile versiuni JavaScript au furnizat noi metode pentru matrice. Iată noile metode de matrice:

Array.includes ()

1612143968 282 Iata noile metode si functii incorporate in JavaScript

Array.includes () ne permite să verificăm dacă există o proprietate într-o matrice. Puteți vedea diferența dintre vechiul cod și noua sintaxă (ES6). Noua metodă este scurtă și mai ușor de citit.

Array.find ()

Array.find () ne ajută să găsim un element într-un Array. Este nevoie de o funcție de apel invers ca argument. Funcția de apel invers oferă mai multe opțiuni pentru a găsi și extrage date complexe.

1612143968 434 Iata noile metode si functii incorporate in JavaScript

Dacă proprietatea pe care o căutăm există, aceasta returnează valoarea găsită. În caz contrar, revine nedefinit.

Array.findIndex ()

Array.findIndex () returnează indexul elementului găsit în locul valorii.

1612143968 411 Iata noile metode si functii incorporate in JavaScript

Array.values ​​()

Această nouă metodă returnează un iterator Array al valorilor, astfel încât să putem rula o buclă for pentru a extrage fiecare valoare a matricei.

1612143969 492 Iata noile metode si functii incorporate in JavaScript

Array.entries ()

Array.entries () returnează atât cheia, cât și valoarea și într-un format Array.

1612143969 93 Iata noile metode si functii incorporate in JavaScript

Array.from ()

Array.from () a fost introdus în versiunea ES6. Poate face mai multe lucruri executând o funcție map () pe date. Poate converti un șir într-un Array sau chiar să creeze un Array nou din date.

1612143969 837 Iata noile metode si functii incorporate in JavaScript

Array.keys ()

După cum sugerează și numele, această metodă returnează cheile matricei.

Noile metode String

Noile versiuni JavaScript au furnizat noi metode String. Iată noile metode String:

String.repeat ()

Metoda String.repeat () vă permite să repetați un șir.

1612143969 436 Iata noile metode si functii incorporate in JavaScript

String.includes ()

String.includes () funcționează ca Array.includes (). Returnează un Boolean dacă valoarea introdusă există.

1612143970 930 Iata noile metode si functii incorporate in JavaScript

Noile metode numerice

Noile versiuni JavaScript au furnizat noi metode de numărare. Iată noile metode numerice:

Number.isNaN ()

Această metodă a fost lansată în actualizarea ES6. Verifică valoarea Numărului transmis și returnează adevărat dacă valoarea este NaN. În caz contrar, se întoarce fals. Această metodă este inspirată de funcția clasică isNAN () din JavaScript.

1612143970 70 Iata noile metode si functii incorporate in JavaScript

Number.isInteger ()

La fel ca metoda anterioară, Number.isInteger () verifică dacă valoarea trecută este sau nu un număr întreg. Va reveni adevărat dacă valoarea este un număr întreg și fals dacă nu este.

1612143971 162 Iata noile metode si functii incorporate in JavaScript

Number.isSafeInteger ()

S-ar putea să doriți întotdeauna să validați datele introduse de utilizatori pentru a vă asigura că este un număr. Number.isSafeInteger () verifică dacă numărul este un număr sigur.

Aflați mai multe aici

1612143971 933 Iata noile metode si functii incorporate in JavaScript

Number.isFinite ()

Number.isFinite () verifică dacă valoarea trecută este sau nu un număr finit.

1612143971 588 Iata noile metode si functii incorporate in JavaScript

Suport pentru browser

Noile metode Number sunt aproape acceptate de browserul principal, cu excepția Opera Mini și IE-11. Suportul este prezentat în imaginea de mai jos:

1612143971 648 Iata noile metode si functii incorporate in JavaScript

Obiecte specifice noi

JavaScript vine cu noi funcții specifice care ne permit să scriem un cod mai performant. Iată noile metode specifice de obiect:

Obiect proxy ()

Proxy este una dintre cele mai bune adăugiri la JavaScript. Creează un comportament personalizat pentru codul nostru. Cu Proxy puteți gestiona:

  • validarea datelor utilizatorului
  • corectarea datelor
  • căutare proprietate
  • misiune
  • enumerare
  • invocarea funcției

Verificați alte utilizări ale Proxy și metodele sale Aici.

Pentru a înțelege proxy, vom scrie două exemple.

Exemplul 1:

În acest exemplu, validăm datele în timp ce le primim de la un utilizator. Vom încerca să definim comportamentul unei erori nedefinite.

1612143972 794 Iata noile metode si functii incorporate in JavaScript

După cum vedeți în exemplul de mai sus, returnează userInfo.favCar undefined. Ce se întâmplă dacă vrem să gestionăm acest mesaj de eroare? Dacă dorim să creăm un comportament personalizat pentru eroare, de exemplu, afișând un alt mesaj în loc de nedefinit, putem folosi proxy în acest caz.

1612143972 894 Iata noile metode si functii incorporate in JavaScript

Am definit un nou proxy și i-am dat două argumente – obiectul și gestionarul. Handlerul execută un anumit cod de validare și verifică dacă proprietatea există în obiect. Returnează proprietatea dacă există. În caz contrar, returnează mesajul pe care l-am definit și acesta este numit căutare proprietate.

Exemplul 2:

În acest exemplu, vom crea o validare pentru o anumită valoare din obiect folosind a stabilit metodă.

1612143972 715 Iata noile metode si functii incorporate in JavaScript

În acest exemplu, putem valida tipul de date și returnează un nou TypeError (). Acest lucru facilitează depanarea. Puteți înțelege mai multe cu acest lucru articol util.

Suport pentru browser

Proxy funcționează destul de bine pentru toate browserele principale, după cum vedeți mai jos:

1612143972 156 Iata noile metode si functii incorporate in JavaScript

Obiect Set ()

Obiectul Set este o caracteristică nouă în JavaScript. Ne permite să stocăm valori unice. Are o grămadă de metode pe care le poți juca. Metoda Object.add vă permite să adăugați o nouă proprietate obiectului. Object.delete elimină o proprietate din obiect. Object.clear șterge toate proprietățile din obiect. Exemplul de mai jos explică metodele obiectului.

1612143973 174 Iata noile metode si functii incorporate in JavaScript

Aflați mai multe despre obiectul Set () Aici.

Înfășurându-se

Tocmai am acoperit noile metode încorporate introduse de JavaScript. Cu aceste noi caracteristici grozave, nu mai folosesc sintaxa și metodele vechi din codul meu. Noile metode vă permit să scrieți cod JavaScript performant și performant într-un mod elegant.

Puteți verifica articolele mele despre Sintaxă ES6 nouă precum și pentru a vă reîmprospăta abilitățile în JavaScript.

Mă puteți găsi pe Twitter și Instagram

Articole anterioare: