Evo novih ugrađenih metoda i funkcija u JavaScript-u

U posljednjih nekoliko godina JavaScript je izašao s mnogim novim izdanjima. Donijeli su nove značajke posebno u sintaksi i njezinoj jezgri. Ova su ažuriranja JavaScript učinila čitljivijim i pametnijim. Upoznat ću vas s novim metodama za nizove, objekte i nizove. Ove nove metode mogu obrađivati ​​podatke na elegantan i učinkovit način pisanjem manje koda. To ćemo objasniti u ovom članku.

Metode novih objekata

Objekt je ono što JavaScript čini moćnim programskim jezikom. Objekti vam omogućuju grupiranje različitih tipova podataka. Ako želite naučiti bilo koji novi JavaScript okvir poput React, Vue ili Angular, morate znati koristiti Objekte i njegove metode. Ti okviri koriste objekte za dobivanje i rukovanje korisničkim unosom. Nova JavaScript izdanja donose nove metode Objektima koje ih čine zabavnijima. Evo novih metoda Objekta:

object.assign ()

Metoda Object.assign () ima više poslova. Može kopirati objekt, klonirati s drugog objekta ili povezati dva ili više objekata.

  • kopirajte vrijednosti iz drugog objekta:
  • Kloniranje objekta u novi objekt
  • Također, dvostruka svojstva možete spojiti s Object.assign () postavljanjem dviju praznih zagrada kao prvog argumenta:

Object.entries ()

Metoda Object.entries () vraća ključeve i vrijednosti objekta kao Array.

Object.getOwnPropertyDescriptors ()

Object.getOwnPropertyDescriptors omogućuju nam da dobijemo deskriptor svojstava za objekt.

Zaista je korisno provjeriti svojstvo deskriptora objekta, na primjer, vidjeti može li se zapisati ili nabrojati.

Nove metode niza

Nova JavaScript izdanja pružila su nove metode za nizove. Evo novih metoda niza:

Array.includes ()

Array.includes () omogućuje nam provjeru postoji li svojstvo u nizu. Možete vidjeti razliku između starog koda i nove sintakse (ES6). Nova metoda je kratka i čitljivija.

Array.find ()

Array.find () pomaže nam pronaći element u nizu. Kao argument uzima funkciju povratnog poziva. Funkcija povratnog poziva nudi više mogućnosti za pronalaženje i izdvajanje složenih podataka.

Ako svojstvo koje tražimo postoji, vraća pronađenu vrijednost. U suprotnom, vraća se nedefinirano.

Array.findIndex ()

Array.findIndex () vraća indeks pronađenog elementa umjesto vrijednosti.

Array.values ​​()

Ova nova metoda vraća Array iterator vrijednosti tako da možemo pokrenuti for petlju za izdvajanje svake vrijednosti Arraya.

Array.entries ()

Array.entries () vraća i ključ i vrijednost i u formatu Array.

Polje.od ()

Array.from () predstavljen je u izdanju ES6. Može raditi više stvari pokretanjem funkcije map () na podacima. Može pretvoriti niz u niz ili čak stvoriti novi niz od podataka.

Array.keys ()

Kao što naziv implicira, ova metoda vraća ključeve niza.

Nove String metode

Nova JavaScript izdanja pružila su nove String metode. Evo novih String metoda:

String.repeat ()

Metoda String.repeat () omogućuje vam ponavljanje niza.

String.includes ()

String.includes () radi poput Array.includes (). Vraća logičku vrijednost ako unesena vrijednost postoji.

Nove metode broja

Nova JavaScript izdanja pružila su nove metode s brojevima. Evo novih metoda brojeva:

Number.isNaN ()

Ova je metoda objavljena u ažuriranju ES6. Provjerava unesenu vrijednost broja i vraća vrijednost true ako je vrijednost NaN. U suprotnom, vraća se false. Ova je metoda nadahnuta klasičnom funkcijom isNAN () u JavaScript-u.

Number.isInteger ()

Kao i prethodna metoda, Number.isInteger () provjerava je li prenesena vrijednost cijeli broj ili nije. Vratit će true ako je vrijednost cjelobrojna vrijednost, a false ako nije.

Number.isSafeInteger ()

Uvijek biste htjeli provjeriti unos korisnika kako biste bili sigurni da je to broj. Number.isSafeInteger () provjerava je li broj siguran broj.

Saznajte više ovdje

Number.isFinite ()

Number.isFinite () provjerava je li prenesena vrijednost konačan broj ili nije.

Podrška preglednika

Glavni način pretraživanja gotovo podržava nove metode Broja, osim Opera Mini i IE-11. Podrška je prikazana na donjoj slici:

Novi specifični objekti

JavaScript dolazi s novim specifičnim funkcijama koje nam omogućuju pisanje učinkovitijeg koda. Evo novih specifičnih objektnih metoda:

Proxy () objekt

Proxy je jedan od sjajnih dodataka JavaScript-u. Stvara prilagođeno ponašanje za naš kod. Pomoću proxyja možete rukovati:

  • provjera valjanosti korisničkih podataka
  • korekcija podataka
  • traženje imovine
  • zadatak
  • nabrajanje
  • pozivanje funkcije

Ovdje provjerite ostale namjene Proxyja i njegove metode.

Za razumijevanje proxyja napisat ćemo dva primjera.

Primjer 1:

U ovom primjeru provjeravamo podatke dok ih dobivamo od korisnika. Pokušat ćemo definirati ponašanje nedefinirane pogreške.

Kao što vidite u gornjem primjeru, userInfo.favCar se vraća undefined. Što ako želimo riješiti ovu poruku o pogrešci? Ako želimo stvoriti prilagođeno ponašanje za pogrešku, na primjer, prikazivanjem druge poruke umjesto nedefinirane, u ovom slučaju možemo koristiti Proxy.

Definirali smo novi proxy i dali mu dva argumenta - objekt i rukovatelj. Rukovatelj pokreće neki kod za provjeru valjanosti i provjerava postoji li svojstvo u objektu. Vraća svojstvo ako postoji. U suprotnom, vraća poruku koju smo definirali i to se naziva traženje svojstva.

Primjer 2:

U ovom ćemo primjeru stvoriti provjeru valjanosti za određenu vrijednost u objektu pomoću metode set .

U ovom primjeru možemo provjeriti valjanost tipa podataka i vraća novu TypeError (). To znatno olakšava ispravljanje pogrešaka. Ovim korisnim člankom možete više razumjeti.

Podrška preglednika

Proxy funkcionira prilično dobro za sve glavne preglednike, kao što vidite dolje:

Postavite () objekt

Objekt Set nova je značajka u JavaScript-u. Omogućuje nam pohranu jedinstvenih vrijednosti. Ima hrpu metoda koje možete igrati. Object.add metoda omogućuje vam dodavanje novog svojstva objektu. Object.delete uklanja svojstvo iz objekta. Object.clear briše sva svojstva s objekta. Primjer u nastavku objašnjava objektne metode.

Ovdje saznajte više o objektu Set ().

Završavati

Upravo smo pokrili nove ugrađene metode koje je uveo JavaScript. S ovim novim izvrsnim značajkama više ne koristim staru sintaksu i metode u svom kodu. Nove metode omogućuju vam da na elegantan način napišete stručan i izvedljiv JavaScript kôd.

Možete provjeriti i moje članke o novoj sintaksi ES6 kako biste osvježili svoje vještine u JavaScript-u.

Možete me pronaći na Twitteru i Instagramu

Prethodni članci:

  • JavaScript ES6 - pišite manje, radite više
  • Naučite Bootstrap 4 za 30 minuta izgradnjom web stranice o slijetanju
  • Kutni 6 i njegove nove značajke, sve objašnjene u tri minute
  • Kako koristiti usmjeravanje u Vue.js-u za stvaranje boljeg korisničkog iskustva
  • Evo najpopularnijih načina za izradu HTTP zahtjeva u JavaScript-u
  • Saznajte kako stvoriti svoju prvu Angular aplikaciju za 20 minuta