CSS властивості
ГлавнаяJavaScriptМасиви JavaScript

Масиви JavaScript

211

Масив — це тип об'єкта, який використовується для зберігання списків значень. Масиви є зручним способом зберігання набору пов'язаних елементів одного типу (таких як рядки), хоча насправді, масив може включати безліч типів, у тому числі інші масиви.

Переважний спосіб для створення масиву полягає у використанні літеральної нотації:

<code data-language="javascript">var myArray=[ 'a', 'b', 'c' ];

Іноді вам буде траплятися код, в якому масив створюється за допомогою конструкції new Array('a','b','c'). Зазвичай вона викликає несхвалення серед розробників JavaScript, тому що не дає жодних переваг у порівнянні з літеральною конструкцією і містить деякі недоліки, такі як new Array(3) створить масив з трьома невизначеними елементами, а не масивом [3].

Ви можете отримати доступ до властивостей масивів (іноді званих елементами) через кутові дужки ми використовували для об'єктів. Кожен елемент автоматично отримує ім'я на основі його положення у масиві. Будьте обережні: номери починаються з нуля! Давайте подивимося на приклад масиву із трьох елементів:

Увага! Невдале рішення

<code data-language="javascript">var myArray=[ 'a', 'b', 'c' ]; var firstItem=myArray[ "0" ]; //доступ до першого елемента

Для отримання елементів масиву, як правило, набагато зручніше використовувати цифри, що вказують на індекс елемента:

<code data-language="javascript">var myArray=['a', 'b', 'c']; var firstItem=myArray[0]; var secondItem=myArray[1]; //Доступ до елемента з індексом 1 console.log (secondItem); //виводить 'b'

Ми можемо визначити кількість елементів у масиві через властивість length:

<code data-language="javascript">var myArray=['a', 'b', 'c']; var len=myArray.length; console.log(len); //виводить 3

Цикл for: перебір масивів

Оскільки ми знаємо як отримати довжину масиву і знаємо, що перший елемент масиву індекс 0, то можемо перебрати елементи масиву, використовуючи цикл for:

<code data-language="javascript">var myArray=[ 'a', 'b', 'c']; var i; var len=myArray.length; //Ми будемо використовувати змінну i як індекс; //починаємо з нуля і збільшуємо на 1 (використовуючи i++), //поки i менше довжини масиву for (i=0; i < len; i=i + 1) { console.log( 'елемент з індексом '+ i + ' Це ' + myArray [i]); }

Ви можете робити з масивами набагато більше; для повного посібника дивіться документацію на MDN.

>