В този урок ще научите за JavaScript масива с помощта на примери.
Както знаете, променлива може да съхранява един елемент. Ако трябва да съхранявате няколко елемента наведнъж, можете да използвате масив.
Масивът е обект, който може да съхранява множество елементи . Например,
const myArray = ('hello', 'world', 'welcome');
Създайте масив
Можете да създадете масив по два начина:
1. Използване на литерал на масив
Най-лесният начин за създаване на масив е чрез използване на литерал на масив (). Например,
const array1 = ("eat", "sleep");
2. Използване на новата ключова дума
Можете също да създадете масив, използвайки newключовата дума на JavaScript .
const array2 = new Array("eat", "sleep");
И в двата горни примера създадохме масив с два елемента.
Забележка : Препоръчително е да използвате масив литерал за създаване на масив.
Ето още примери за масиви:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Можете също да съхранявате масиви, функции и други обекти в масив. Например,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Достъп до елементи на масив
Можете да получите достъп до елементите в масива, като използвате индекси (0, 1, 2 …) . Например,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Индексиране на масив в JavaScript
Забележка : Индексът на масива започва с 0, а не с 1.
Добавяне на елемент към масив
Можете да използвате вградения метод push()и unshift()да добавите елемент към масив.
В push()метода добавя елемент в края на масив и връща дължината на нов масив. Например,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
В unshift()метода добавя нов елемент в началото на масив и връща нов дължината на масив. Например,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Променете елементите на масив
Можете също да добавяте елементи или да променяте елементите чрез достъп до стойността на индекса.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Да предположим, че масивът има два елемента. Ако се опитате да добавите елемент с индекс 3 (четвърти елемент), третият елемент ще бъде недефиниран. Например,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
По принцип, ако се опитате да добавите елементи към високи индекси, индексите между тях ще имат неопределена стойност.
Премахване на елемент от масив
Можете да използвате pop()метода, за да премахнете последния елемент от масив. В pop()метод също се връща върнатата стойност. Например,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Ако трябва да премахнете първия елемент, можете да използвате shift()метода. В shift()метод премахва първия елемент, а също така се връща отстраненото елемент. Например,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Дължина на масива
Можете да намерите дължината на елемент (броят на елементите в масив), като използвате lengthсвойството. Например,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Методи за масив
В JavaScript има различни методи за масиви, които улесняват извършването на полезни изчисления.
Някои от често използваните методи за масив на JavaScript са:
| Метод | Описание |
|---|---|
| concat () | обединява два или повече масива и връща резултат |
| индекс на() | търси елемент от масив и връща позицията му |
| намирам() | връща първата стойност на елемент от масив, който преминава тест |
| findIndex () | връща първия индекс на елемент от масив, който преминава тест |
| за всеки() | извиква функция за всеки елемент |
| включва() | проверява дали масивът съдържа посочен елемент |
| натиснете () | добавя нов елемент в края на масив и връща новата дължина на масив |
| отместване () | добавя нов елемент в началото на масив и връща новата дължина на масив |
| поп () | премахва последния елемент от масив и връща премахнатия елемент |
| shift () | премахва първия елемент от масив и връща премахнатия елемент |
| вид() | сортира елементите по азбучен ред в низове и във възходящ ред |
| парче () | избира частта от масив и връща новия масив |
| снаждане () | премахва или замества съществуващи елементи и / или добавя нови елементи |
Пример: Методи за масив на JavaScript
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Забележка : Ако елементът не е в масив, indexOf()дава -1.
Посетете JavaScript Array Methods, за да научите повече.
Работа на JavaScript масиви
В JavaScript масивът е обект. И, индексите на масиви са ключове за обекти.
Тъй като масивите са обекти, елементите на масива се съхраняват чрез препратка. Следователно, когато се копира стойност на масив, всяка промяна в копирания масив също ще се отрази в оригиналния масив. Например,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Можете също да съхранявате стойности, като предавате име на ключ в масив. Например,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Индексиране на масив в JavaScript
Не се препоръчва обаче съхраняването на стойности чрез предаване на произволни имена в масив.
Следователно в JavaScript трябва да използвате масив, ако стойностите са в подредената колекция. В противен случай е по-добре да използвате обект с ( ).
Препоръчани статии
- JavaScript за всеки
- JavaScript за … от
- Многоизмерен масив на JavaScript
