5 näpunäidet JavaScripti massiivide optimeerimiseks

JavaScripti massiivide optimeerimiseks parema jõudluse ja tõhususe tagamiseks saate kasutada mitmeid meetodeid. Üks JavaScriptis kõige sagedamini kasutatavaid andmestruktuure on massiiv. See on paljude arendajate jaoks populaarne valik, kuna see on nii paindlik ja hõlpsasti kasutatav.

Massiivid võivad aga kiiresti muutuda jõudluse kitsaskohaks, kui te neid õigesti ei kasuta. Siin on viis viisi, kuidas saate oma JavaScripti massiive optimeerida ja koodi üldist jõudlust suurendada.

1. Kasutage Spread Operatorit

Saate luua uue massiivi, mis sisaldab teise massiivi elemente, kasutades hajutusoperaatorit, milleks on kolm punkti (...).

Laotuse operaator saab ühendada kaks massiivi järgmiselt:

konst massiiv1 = [1, 2, 3];
konst massiiv2 = [4, 5, 6];
konst concatenatedArray = [...massiivi1, ...massiivi2];
konsool.log (concatenatedArray); // Väljund: [1, 2, 3, 4, 5, 6]

Sel juhul ühendab levioperaator kaks massiivi – massiiv1 ja massiiv2 – uude massiivi, mida nimetatakse concatenatedArray. Saadud massiiv sisaldab kõiki massiivi 1 elemente, millele järgneb kõik massiiv2 elemendid.

Laotuse operaator saab luua ka uue massiivi, millel on rohkem elemente. Näiteks:

konst OriginalArray = [1, 2, 3];
konst newArray = [...originalArray, 4, 5];
konsool.log (uusArray); // Väljund: [1, 2, 3, 4, 5]

Loote uue massiivi nimega uusArray kasutades levioperaatorit. See sisaldab kõiki algse massiivi elemente, millele järgnevad elemendid 4 ja 5. Suurte massiividega tegelemisel võib levioperaator olla tõhusam kui sellised meetodid concat () või push (). Lisaks muudab see koodi loetavamaks ja kokkuvõtlikumaks.

Saate JavaScripti massiive tõhusamalt kasutada levikuoperaatoriga, mis teeb ka uue massiivi loomise lihtsaks rohkemate üksustega.

2. Vältige kustutamisoperaatori kasutamist

Objekti atribuudi saate kustutada kustutamisoperaatori abil. Kuigi saate massiivi elemendi eemaldamiseks kasutada kustutamist, pole see soovitatav, kuna see võib massiivi jätta tühikuid või tühikuid. See võib mõjutada massiivi jõudlust, kui kordate seda või proovite juurdepääsu teatud elementidele.

Selle asemel, et kasutada kustutada operaator, kaaluge splaiss meetod. See meetod võib eemaldada massiivi elemendid ja tagastab uue massiivi ilma tühikuteta.

Võite kasutada splaiss meetod järgmisel viisil:

konst OriginalArray = [1, 2, 3, 4, 5];
// Eemaldage element indeksis 2
konst newArray = originalArray.splice(2, 1);

See näide eemaldab elemendist indeksi 2 originaalArray kasutades splaissi meetodit. Äsja loodud massiiv (uusArray) sisaldab elementi, mis pleiss eemaldati. Indeksis 2 olevat elementi enam ei esine originaalArray, ja massiivis pole tühje kohti.

3. Kasutage trükitud massiive

JavaScriptis saate binaarandmetega töötada, kasutades trükitud massiive. Need massiivid võimaldavad otsest manipuleerimist aluseks oleva mäluga ja kasutavad fikseeritud pikkusega elemente; need on tõhusamad kui tavalised massiivid.

Siin on näide trükitud massiivi loomisest:

konst myArray = uusInt16Array(4);
konsool.log (myArray); // Väljund: Int16Array [0, 0, 0, 0]

See näide loob täiesti uue Int16Array mille neli elementi on seatud nulli.

Int8Array, Int16Array, Int32Array, Uint8Array, Uint16 Massiiv, Uint32Array, Float32Arrayja Float64Array on kõik trükitud massiivide tüüpide näited. Iga klassifikatsioon on seotud teatud tüüpi seotud teabega ja sellel on vastav baidi suurus.

Siin on näide, kuidas kasutada a Float32Array.

konst myArray = uusFloat32Array([1.0, 2.0, 3.0, 4.0]);
konsool.log (myArray); // Väljund: Float32Array [1, 2, 3, 4]

See näide loob uue Float32Array nelja elemendiga 1.0, 2.0, 3.0 ja 4.0.

Trükitud massiivid on eriti kasulikud suurte andmekogumitega töötamisel või matemaatiliste arvutuste tegemisel. Need võivad olla palju kiiremad kui tavalised massiivid, kuna võimaldavad teil mäluga otse manipuleerida.

Tüüpitud massiivide kasutamine aitab teie JavaScripti koodi optimeerida, hõlbustades binaarandmetega töötamist ja matemaatilisi arvutusi.

4. Minimeeri iteratsioonid

See on tavaline kasutage JavaScripti tsüklit massiivi itereerimiseks. Igal juhul võib suurte massiivide kordamine olla jõudluse kitsaskoht. Nende optimeerimiseks vähendage JavaScripti massiivide kordamiste arvu.

Üks viis selle saavutamiseks on kasutada filter, kaartja vähendada traditsiooniliste silmuste asemel. Need strateegiad parandavad koodi täitmist ja on sageli kiiremad kui massiivi käsitsi itereerimine.

Kaardimeetodit saate kasutada järgmiselt.

konst OriginalArray = [1, 2, 3, 4, 5];
// Korrutage iga element 2-ga
konst newArray = originalArray.map((element) => element * 2)

Sel juhul loob kood uue massiivi nimega uusArray kasutades kaardi meetodit. Kaardimeetod rakendab funktsiooni igale komponendile originaalArray ja tagastab tulemused uues massiivis.

5. Kasutage destruktureerivat süntaksit

JavaScripti hävitav funktsioon on JavaScripti võimas funktsioon, mis võimaldab teil massiividest ja objektidest väärtusi ekstraheerida. See meetod muudab koodi tõhusamaks, teostades vähem muutujate määramisi ja vähem juurdepääsu massiividele. Destruktureerimise kasutamise eelised ulatuvad loetavuse ja väiksema kirjutamispingutusteni.

Näide selle kohta, kuidas massiivist destruktureerimise abil väärtusi eraldada, on järgmine:

konst myArray = [1, 2, 3, 4, 5];
// Esimese ja kolmanda elemendi struktureerimine
konst [esimene,, kolmas] = myArray;
konsool.log (esimene); // Väljund: 1
konsool.log (kolmas); // Väljund: 3

See näide kasutab esimese ja kolmanda elemendi eraldamiseks destruktureerimist myArray. See määrab massiivi esimese elemendi väärtuse esiteks muutuja ja kolmanda elemendi väärtus kolmandaks muutuv. Jättes destruktureerimismustrisse tühja ruumi, jätab see teise elemendi vahele.

Samuti saate massiividest väärtuste eraldamiseks kasutada funktsiooni argumentidega destruktureerimist:

funktsioonimyFunction([esimene sekund]) {
konsool.log (esimene);
konsool.log (teine);
}
konst myArray = [1, 2, 3, 4, 5];
myFunction (myArray); // Väljund: 1\n2

See näide määratleb funktsiooni nimega myFunction mis võtab parameetrina massiivi. Seejärel kasutab see massiivi esimese ja teise elemendi konsooli logimiseks destruktureerimist.

Optimeerige JavaScripti massiive kiiremate rakenduste jaoks

JavaScripti massiivide sujuvamaks muutmine on teie koodi toimivuse parandamiseks hädavajalik. Seda tehes saate oluliselt suurendada oma rakenduste reageerimisvõimet ja kiirust.

Massiividest maksimaalse kasu saamiseks ärge unustage kasutada hajutustehtereid, vältige kustutamistehtereid, kasutage trükitud massiive, vähendage iteratsioonide arvu ja kasutage destruktureerimist. Samuti proovige hinnata oma koodi jõudlust ja teha olulisi täiustusi, et tagada teie rakenduse tõrgeteta töötamine.

Massiive optimeerides saate luua rakendusi, mis on kiiremad, töökindlamad ja pakuvad paremat kasutuskogemust.