3 lietas, kas jums nav zināmas par JavaScript ierīcēm

Mēri ir plaši izmantota iezīme programmēšanas valodās; viņi ir īpašie mainīgie kuru var izmantot, lai vienlaikus saglabātu vairākas vērtības. Tomēr, kad runa ir par JavaScript, tik vienkārši, kā tas ir jāiemācās, vienmēr ir vairāk izpētīt.

Šajā ziņojumā mēs aplūkosim trīs mazāk pazīstamas, tomēr svarīgas JavaScript bloku iezīmes, kuras jūs, iespējams, neesat agrāk pazinuši.

1. Pievienojiet pielāgotus rekvizītus laukiem

Ja jūs meklējat internetu, meklējot rūpīgu JavaScript bloku definīciju, jūs atradīsiet, ka gandrīz katrs avots bez neveiksmes uzskaita masīvu kā to tiešām ir, objektu.

Patiesībā gandrīz viss, ko mēs nodarbojamies ar JavaScript izrādīties objekts. JavaScript ir divu veidu datu veidi, primitīvi un objektiem, bet primitīvi vienmēr tiek iesaiņoti iekšējos objektos.

Array, Function, Date uc ir iepriekš definēti JavaScript objekti kurām ir iebūvētas metodes, īpašības un to pašu standartizētā sintakse.

JavaScript bloki var būt trīs dažāda veida īpašības:

1. Masīva indeksi ir arī īpašības
2. Iebūvētie rekvizīti
3. Pielāgotie rekvizīti jūs varat pievienot pats

Pirmie divi ir vairāk pazīstami, jūs varat tos izmantot katru dienu, bet redzēt tos ātri, pirms lēkāt, kā jūs varat pievienot savu pielāgoto īpašumu masīvam.

Indeksi kā rekvizīti

JavaScript bloki izmanto kvadrātiekavas sintakse, piemēram, var ary = ["apelsīns", "ābols", "ličī"];.

Masīva elementu indeksi pamatā ir īpašības kur īpašuma nosaukumi ir vienmēr nav negatīvi veseli skaitļi.

The indeksa elementu pāris masīvs ir līdzīgs atslēgu vērtības pāris objektu.

Indeksi ir unikāla Array objekta iezīme, un atšķirībā no citiem iebūvētajiem īpašumiem tie var būt iestatīts tikai ar kronšteinu sintaksi, piemēram, ary [3] = "persiku";.

Iebūvētie rekvizīti

Arražiem ir arī iebūvētās īpašības, piemēram, array.length. The garums īpašumam ir vesels skaitlis apzīmē masīva garumu.

Kopumā iebūvētās īpašības bieži var atrast iepriekš definētos JavaScript objektos, piemēram, masīvos. Kopā ar iebūvētajām metodēm tās palīdz pielāgot vispārīgus objektus tā, lai objekti būtu piemēroti dažādām vajadzībām.

Iebūvētajām īpašībām var piekļūt ar objekts.key vai objekts ["atslēga"] sintakse. Tātad jūs varat arī rakstīt ary ["garums"] piekļūt masīva garumam.

Izveidojiet pielāgotus rekvizītus Array objektam

Tagad runāsim par pievienojot savas īpašības masīviem. Izstrādājumi ir iepriekš definēti objekti, kas dažādos rādītājos saglabā dažādu veidu vērtības.

Parasti masīvam nav nepieciešams pievienot pielāgotus rekvizītus; tas ir viens no iemesliem, kāpēc iesācējiem parasti nav mācīts par šo funkciju. Faktiski, ja vēlaties apstrādāt masīvu kā parasto objektu, pievienojot tai arī atslēgas vērtības pāriem izmantojiet parasto objektu. Bet tas nenozīmē, ka nav īpašos gadījumos kur var izmantot faktu, ka masīvs ir objekts, pievienojot tai vienu vai vairākas pielāgotas īpašības.

Piemēram, masīvam var pievienot pielāgotu īpašumu identificē tā elementu "veidu" vai "klasi", kā jūs to redzat zemāk redzamajā piemērā.

 var ary = ["apelsīns", "ābols", "ličī"]; ary.itemClass = "augļi"; console.log (ary + "ir" + ary.itemClass "); // "apelsīns, ābols, ličī ir augļi" 

Ņemiet vērā, ka pielāgotā īpašība, ko pievienojat masīvam, ir skaitāms, tas nozīmē, ka to pacels tādas cilpas kā par… paziņojums, apgalvojums.

2. Apgriezieties caur Array Elements

Jūs droši vien sakāt "Es zinu, ka jau", kas, visticamāk, ir taisnība, jūs jau zināt, kā iet cauri masīva elementiem. Bet tas ir arī taisnība, ka sakot "cilpa caur masīva elementiem" ir mazliet abstrakts, jo tas, ko mēs patiešām esam cauri, ir masīva indeksi.

Tā kā masīvu indeksus veido tikai ne-negatīvie veseli skaitļi, mēs atkārtojam veselu skaitli, kas parasti sākas no nulles un beidzas ar masīva pilnu garumu, tad izmantojiet šo atkārtojumu, lai piekļūtu masīva elementam noteiktā indeksā.

Tomēr kopš ECMAScript6 ir veids, kā tieši cilpa caur masīvu vērtībām bez traucējumiem ar rādītājiem, un to var izdarīt, izmantojot par… cilpa.

Masīvā ir par… cilpa ietvers masīva elementus indeksu secībā, citiem vārdiem sakot, tas rūpēsies par to, lai indeksi tiktu atkārtoti pārvērsti un iegūtu esošo masīvu vērtību noteiktā indeksā. Šī cilpa ir ideāli piemērota, ja vēlaties vienkārši izlaist visus masīva elementus un strādāt ar tiem.

 var ary = ["apelsīns", "ābols", "ličī"]; par (let ary) console.log (postenis);  // "oranžs", "ābols", "ličī" 

Salīdzinājumam - ar regulāru par cilpas, mēs iegūstam rādītājus nevis kā vērtības.

 var ary = ["apelsīns", "ābols", "ličī"]; par (var vienums = 0; vienums < ary.length; item++) console.log(item);  // 0, 1, 2

3. Elementu skaits nav tā garums

Parasti, kad mēs runājam par masīva garums, mēs domājam, ka tas ir vai nu masīva vērtību skaits, vai arī garums, ko mēs esam piešķīruši masīvam manuāli. Tomēr patiesībā masīva garums ir atkarīgs no tā lielākais esošais indekss iekšpusē.

Garums ir a ļoti elastīgs īpašums. Vai jūs jau iepriekš esat fiksējis masīva garumu, vai arī, ja masīvam pievienojat vērtības, tās garums turpina pieaugt.

 var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); 6

Iepriekš minētajā piemērā jūs varat redzēt, ka masīvs bija tikai viena vērtība 5 indeksā, un garums kļūst par 6. Tagad, ja jūs domājat, ka, pievienojot vērtību 5 indeksā, masīvs automātiski izveidoja indeksus no 0 līdz 4 , tad jūsu pieņēmums ir nepareizs. Ir patiešām nav esošo indeksu no 0 līdz 4 šajā masīvā. To var pārbaudīt, izmantojot iekšā operatoram.

 var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 konsole.log (0 ary); // false

Masīvs ary mēs to saucam par "reti" masīvs, masīvs, kur rādītāji netiek izveidoti nepārtraukti, un ir nepilnības. Pretēji "reti" masīvam ir "blīvs" masīvs kur indeksi pastāvīgi ir masīvā, un elementu skaits ir tāds pats kā garums.

The garums īpašums arī spēj masīva saīsināšana, pārliecinoties, ka masīvā ir visaugstākais rādītājs mazāk nekā pati, kā garums vienmēr ir skaitliski lielāks par augstāko indeksu pēc noklusējuma.

Tālāk redzamajā piemērā jūs varat redzēt, kā mēs pazaudējam elementu 5. rādītājā, samazinot garums no ary masīvs.

 var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); / 6 garums = 2; console.log (ary.length); // 2 konsoles.log (ary [5]); // nenoteikts

Turpmāka lasīšana

• 10 JavaScript termini, kas jums tagad jāzina
• 4 nav tik izplatīti, bet noderīgi Javascript paziņojumi, kas jums jāzina
• Kodu optimizācija ar JS Hint - rīks Javascript lintēšanai