Масивите са много мощна, изключително гъвкава структура от данни, която без съмнение използвате във вашия JavaScript код. Но използвате ли ги ефективно?

Има няколко метода, които можете да използвате за оптимизиране на JavaScript масиви за по-добра производителност и ефективност. Една от най-често използваните структури от данни в JavaScript е масивът. Това е популярен избор за много разработчици, защото е толкова гъвкав и лесен за използване.

Масивите обаче могат бързо да се превърнат в пречка за производителността, ако не ги използвате правилно. Ето пет начина, по които можете да оптимизирате вашите JavaScript масиви и да подобрите цялостната производителност на кода.

1. Използвайте оператора Spread

Можете да създадете нов масив, съдържащ елементите от друг, с оператора за разпространение, който е три точки (...).

Операторът за разпространение може да комбинира два масива, като този:

конст масив1 = [1, 2, 3];
конст масив2 = [4, 5, 6];
конст concatenatedArray = [...масив1, ...масив2];
конзола.log (конкатениран масив); // Изход: [1, 2, 3, 4, 5, 6]
instagram viewer

В този случай операторът за разпръскване обединява два масива - array1 и array2 - в нов масив, наречен конкатениран масив. Полученият масив съдържа всички елементи от array1, последвани от всички елементи от array2.

Операторът за разпространение може също да създаде нов масив с повече елементи. Например:

конст оригинален масив = [1, 2, 3];
конст нов масив = [...оригинален масив, 4, 5];
конзола.log (нов масив); // Изход: [1, 2, 3, 4, 5]

Създавате нов масив, наречен нов масив чрез използване на оператора за разпространение. Той съдържа всички елементи на оригиналния масив, последвани от елементи 4 и 5. Когато се работи с големи масиви, операторът за разпространение може да бъде по-ефективен от методи като concat() или натиснете (). Освен това прави кода по-четлив и кратък.

Можете да използвате масивите на JavaScript по-ефективно с оператора spread, който също улеснява създаването на нов масив с повече елементи.

2. Избягвайте да използвате оператора за изтриване

Можете да изтриете свойството на обект с помощта на оператора за изтриване. Въпреки че можете да използвате delete, за да премахнете елемент от масив, това не се препоръчва, защото може да остави празни или празни пространства в масива. Това може да повлияе на производителността на масива, когато итерирате върху него или се опитвате да получите достъп до определени елементи.

Вместо да използвате Изтрий оператор, обмислете използването на снаждане метод. Този метод може да премахне елементите на масив и ще върне нов масив без празни интервали.

Можете да използвате снаждане метод по следния начин:

конст оригинален масив = [1, 2, 3, 4, 5];
// Премахнете елемента с индекс 2
конст newArray = originalArray.splice(2, 1);

Този пример премахва елемента с индекс 2 от оригинален масив използвайки метода на снаждане. Новосъздаденият масив (нов масив) съдържа елемента, който е премахнат. Елементът с индекс 2 вече не присъства в оригинален масиви в масива няма празни места.

3. Използвайте въведени масиви

В JavaScript можете да работите с двоични данни, като използвате въведени масиви. Тези масиви позволяват директно манипулиране на основната памет и използват елементи с фиксирана дължина; те са по-ефективни от стандартните масиви.

Ето пример за това как да създадете въведен масив:

конст myArray = новInt16Array(4);
конзола.log (myArray); // Изход: Int16Array [0, 0, 0, 0]

Този пример създава съвсем нов Int16Array с четири елемента, зададени на нула.

Int8Array, Int16Array, Int32Array, Uint8Array, Uint16Array, Uint32Array, Float32Array, и Float64Array са всички примери за типове въведени масиви. Всяка класификация се отнася до определен вид сдвоена информация и има съответен размер в байта.

Ето пример за това как да използвате a Float32Array.

конст myArray = новFloat32Array([1.0, 2.0, 3.0, 4.0]);
конзола.log (myArray); // Изход: Float32Array [1, 2, 3, 4]

Този пример създава нов Float32Array с четири елемента, зададени на 1.0, 2.0, 3.0 и 4.0.

Типизираните масиви са особено полезни при работа с големи набори от данни или извършване на математически изчисления. Те могат да бъдат много по-бързи от стандартните масиви, защото ви позволяват директно да манипулирате паметта.

Като улеснява работата с двоични данни и извършването на математически изчисления, използването на въведени масиви може да помогне за оптимизирането на вашия JavaScript код.

4. Минимизиране на повторенията

Това е обичайно за използвайте JavaScript цикъл за итерация върху масив. Във всеки случай повторението върху големи масиви може да бъде тясно място на производителността. Намалете броя на повторенията на JavaScript масиви, за да ги оптимизирате.

Един от начините да постигнете това е да използвате филтър, карта, и намалявам вместо традиционните цикли. Тези стратегии подобряват изпълнението на кода и често са по-бързи от ръчното повторение на масив.

Можете да използвате метода на картата по следния начин:

конст оригинален масив = [1, 2, 3, 4, 5];
// Умножете всеки елемент по 2
конст newArray = originalArray.map((елемент) => елемент * 2)

В този случай кодът създава нов масив, наречен нов масив използвайки метода на картата. Методът map прилага функция към всеки компонент на оригинален масив и връща резултатите в нов масив.

5. Използвайте синтаксиса за деструктуриране

Функцията за деструктуриране на JavaScript е мощна функция в JavaScript, която ви позволява да извличате стойности от масиви и обекти. Този метод прави кода по-ефективен, като изпълнява по-малко присвоявания на променливи и по-малко достъпи до масиви. Предимствата от използването на деструктуриране се простират до четимост и намалени усилия за писане.

Илюстрация на това как да извлечете стойности от масив чрез деструктуриране е както следва:

конст myArray = [1, 2, 3, 4, 5];
// Деструктуриране на първия и третия елемент
конст [първи,, трети] = myArray;
конзола.log (първи); // Изход: 1
конзола.log (трети); // Изход: 3

Този пример използва деструктуриране за извличане на първия и третия елемент myArray. Той присвоява стойността на първия елемент от масива на първи променлива и стойността на третия елемент към трети променлива. Оставяйки празно място в шаблона за деструктуриране, той пропуска втория елемент.

Можете също да използвате деструктуриране с аргументи на функцията, за да извлечете стойности от масиви:

функцияmyFunction([първа секунда]) {
конзола.log (първи);
конзола.log (втори);
}
конст myArray = [1, 2, 3, 4, 5];
myFunction (myArray); // Изход: 1\n2

Този пример дефинира функция, наречена myFunction който приема масив като параметър. След това използва деструктуриране, за да регистрира първия и втория елемент на масива в конзолата.

Оптимизирайте JavaScript масиви за по-бързи приложения

Рационализирането на JavaScript масиви е от съществено значение за подобряване на производителността на вашия код. По този начин можете значително да увеличите отзивчивостта и скоростта на вашите приложения.

За да извлечете максимума от своите масиви, не забравяйте да използвате оператора за разпространение, избягвайте оператора за изтриване, използвайте въведени масиви, намалете броя на итерациите и използвайте деструктуриране. Освен това се опитайте да прецените производителността на вашия код и направете фундаментални подобрения, за да гарантирате, че приложението ви работи гладко.

Можете да създавате приложения, които са по-бързи, по-надеждни и осигуряват по-добро потребителско изживяване чрез оптимизиране на вашите масиви.