5 patarimai, kaip optimizuoti „JavaScript“ masyvus

Yra keli metodai, kuriuos galite naudoti norėdami optimizuoti „JavaScript“ masyvus, kad padidintumėte našumą ir efektyvumą. Viena iš dažniausiai naudojamų „JavaScript“ duomenų struktūrų yra masyvas. Tai populiarus daugelio kūrėjų pasirinkimas, nes jis toks lankstus ir paprastas naudoti.

Tačiau masyvai gali greitai tapti našumo kliūtimi, jei jas naudosite netinkamai. Štai penki būdai, kaip optimizuoti „JavaScript“ masyvus ir padidinti bendrą kodo našumą.

1. Naudokite Spread operatorių

Galite sukurti naują masyvą, kuriame būtų elementai iš kito, naudodami sklaidos operatorių, kurį sudaro trys taškai (...).

Sklaidos operatorius gali sujungti du masyvus, pavyzdžiui:

konst masyvas1 = [1, 2, 3];
konst masyvas2 = [4, 5, 6];
konst concatenatedArray = [...masyvas1, ...masyvas2];
konsolė.log (concatenatedArray); // Išvestis: [1, 2, 3, 4, 5, 6]

Šiuo atveju platinimo operatorius sujungia du masyvus – masyvą1 ir masyvą2 – į naują masyvą, vadinamą

concatenatedArray. Gautame masyve yra visi masyvo1 elementai, po kurių seka visi masyvo2 elementai.

Sklaidos operatorius taip pat gali sukurti naują masyvą su daugiau elementų. Pavyzdžiui:

konst originalArray = [1, 2, 3];
konst newArray = [...originalArray, 4, 5];
konsolė.log (newArray); // Išvestis: [1, 2, 3, 4, 5]

Sukuriate naują masyvą pavadinimu naujas Array pasitelkus sklaidos operatorių. Jame yra visi pradinio masyvo elementai, po kurių seka 4 ir 5 elementai. Kai dirbate su dideliais masyvais, platinimo operatorius gali būti efektyvesnis nei tokie metodai concat () arba stumti (). Be to, tai daro kodą skaitomesnį ir glaustesnį.

Galite efektyviau naudoti „JavaScript“ masyvus naudodami sklaidos operatorių, todėl taip pat lengva sukurti naują masyvą su daugiau elementų.

2. Venkite naudoti ištrynimo operatorių

Galite ištrinti objekto ypatybę naudodami trynimo operatorių. Nors galite naudoti trynimą norėdami pašalinti masyvo elementą, tai nerekomenduojama, nes masyve gali likti tuščių arba tuščių tarpų. Tai gali turėti įtakos masyvo našumui, kai kartojate jį arba bandote pasiekti tam tikrus elementus.

Užuot naudoję Ištrinti operatorių, apsvarstykite galimybę naudoti sandūrą metodas. Šis metodas gali pašalinti masyvo elementus ir grąžinti naują masyvą be tuščių tarpų.

Galite naudoti sandūrą metodą tokiu būdu:

konst originalArray = [1, 2, 3, 4, 5];
// Pašalinkite 2 indekso elementą
konst newArray = originalArray.splice(2, 1);

Šis pavyzdys pašalina 2 indekso elementą iš originalus Array naudojant sujungimo metodą. Naujai sukurtas masyvas (naujas masyvas) yra elementas, kuris buvo pašalintas. 2 indekso elemento nebėra originalus Array, o masyve tuščių tarpų nėra.

3. Naudokite įvestus masyvus

„JavaScript“ galite dirbti su dvejetainiais duomenimis naudodami įvestus masyvus. Šios matricos leidžia tiesiogiai valdyti pagrindinę atmintį ir naudoti fiksuoto ilgio elementus; jie yra efektyvesni nei standartiniai masyvai.

Štai pavyzdys, kaip sukurti įvestą masyvą:

konst myArray = naujasInt16 Array(4);
konsolė.log (myArray); // Išvestis: Int16Array [0, 0, 0, 0]

Šis pavyzdys sukuria visiškai naują Int16 Array su keturiais elementais, nustatytais į nulį.

Int8Array, Int16 Array, Int32Array, Uint8 Array, Uint16 Array, Uint32Array, Float32Array, ir Float64Array yra visi įvestų masyvų tipų pavyzdžiai. Kiekviena klasifikacija yra susijusi su tam tikra suporuota informacija ir turi atitinkamą baitų dydį.

Štai pavyzdys, kaip naudoti a Float32Array.

konst myArray = naujasFloat32Array([1.0, 2.0, 3.0, 4.0]);
konsolė.log (myArray); // Išvestis: Float32Array [1, 2, 3, 4]

Šis pavyzdys sukuria naują Float32Array su keturiais elementais, nustatytais į 1.0, 2.0, 3.0 ir 4.0.

Įvesti masyvai ypač naudingi dirbant su dideliais duomenų rinkiniais arba atliekant matematinius skaičiavimus. Jie gali būti daug greitesni nei standartiniai masyvai, nes leidžia tiesiogiai valdyti atmintį.

Lengviau dirbti su dvejetainiais duomenimis ir atlikti matematinius skaičiavimus, spausdintų masyvų naudojimas gali padėti optimizuoti JavaScript kodą.

4. Sumažinkite iteracijas

Tai įprasta naudoti „JavaScript“ kilpą kartoti per masyvą. Bet kokiu atveju kartojimas per didelius masyvus gali būti našumo kliūtis. Sumažinkite kartojimų per „JavaScript“ masyvus skaičių, kad juos optimizuotumėte.

Vienas iš būdų tai padaryti yra naudoti filtras, žemėlapis, ir sumažinti vietoj tradicinių kilpų. Šios strategijos pagerina kodo vykdymą ir dažnai yra greitesnės nei rankinis kartojimas per masyvą.

Žemėlapio metodą galite naudoti taip:

konst originalArray = [1, 2, 3, 4, 5];
// Padauginkite kiekvieną elementą iš 2
konst newArray = originalArray.map((elementas) => elementas* 2)

Šiuo atveju kodas sukuria naują masyvą, vadinamą naujas Array naudojant žemėlapio metodą. Žemėlapio metodas kiekvienam komponentui pritaiko funkciją originalus Array ir grąžina rezultatus naujame masyve.

5. Naudokite naikinimo sintaksę

„JavaScript“ naikinimo funkcija yra galinga „JavaScript“ funkcija, leidžianti išgauti reikšmes iš masyvų ir objektų. Šis metodas daro kodą efektyvesnį, nes atlieka mažiau kintamųjų priskyrimų ir mažiau prieigų prie masyvo. Destruktūrizavimo pranašumai apima skaitomumą ir sumažintas rašymo pastangas.

Iliustracija, kaip išgauti reikšmes iš masyvo naudojant naikinimą, yra tokia:

konst myArray = [1, 2, 3, 4, 5];
// Naikinkite pirmąjį ir trečiąjį elementus
konst [pirmas, trečias] = myArray;
konsolė.log (pirmas); // Išvestis: 1
konsolė.log (trečias); // Išvestis: 3

Šiame pavyzdyje naikinimas naudojamas pirmajam ir trečiajam elementams išgauti myArray. Jis priskiria pirmojo masyvo elemento reikšmę Pirmas kintamąjį, o trečiojo elemento reikšmę trečias kintamasis. Palikdamas tuščią vietą naikinimo šablone, jis praleidžia antrąjį elementą.

Taip pat galite naudoti naikinimą su funkcijų argumentais, kad ištrauktumėte reikšmes iš masyvų:

funkcijamyFunction([pirma sekundė]) {
konsolė.log (pirmas);
konsolė.log (antrasis);
}
konst myArray = [1, 2, 3, 4, 5];
myFunction (myArray); // Išvestis: 1\n2

Šis pavyzdys apibrėžia funkciją, vadinamą myFunction kuris kaip parametrą priima masyvą. Tada jis naudoja naikinimą, kad užregistruotų pirmąjį ir antrąjį masyvo elementus į konsolę.

Optimizuokite „JavaScript“ masyvus greitesnėms programoms

Norint pagerinti kodo našumą, būtina supaprastinti „JavaScript“ masyvus. Taip darydami galite žymiai padidinti savo programų reagavimą ir greitį.

Norėdami išnaudoti visas masyvų galimybes, nepamirškite naudoti išplitimo operacijos, venkite trynimo operacijos, naudokite įvestus masyvus, sumažinkite iteracijų skaičių ir naudokite naikinimą. Be to, pabandykite įvertinti savo kodo našumą ir atlikti esminius patobulinimus, kad jūsų programa veiktų sklandžiai.

Optimizuodami masyvus galite kurti greitesnes, patikimesnes programas ir teikti geresnę vartotojo patirtį.