JavaScript Arrays Methods - Part 1

Масив — це об'єкт у JavaScript. Використовуйте його для зберігання декількох значень в одній змінній.

Замість створення окремих змінних для кожного елемента, використовуйте один масив.

Приклад:

let students = ["John", "David", "Alex"];

Кожне значення є елементом. Кожен елемент має індекс, що починається з 0.

• Індекс 0: John • Індекс 1: David • Індекс 2: Alex

Essential Array Concepts

  1. Властивість length Властивість length вказує на загальну кількість елементів. Це властивість, а не функція. Не використовуйте дужки.

• Правильно: arr.length • Неправильно: arr.length()

Ви можете змінити довжину, щоб додати або видалити елементи. Якщо ви зменшите довжину, JavaScript видалить зайві елементи. Якщо ви збільшите довжину, JavaScript створить порожні слоти.

  1. toString() Цей метод перетворює ваш масив на рядок. Він з'єднує елементи комами. Він не змінює оригінальний масив.

  2. join() Використовуйте це, коли вам потрібен власний роздільник.

• fruits.join(" | ") повертає "Apple | Orange | Banana" • fruits.join("-") повертає "Apple-Orange-Banana"

  1. at() Цей метод повертає елемент за певним індексом. Він підтримує від'ємні числа.

• arr.at(-1) повертає останній елемент. • arr.at(-2) повертає передостанній елемент.

  1. pop() Цей метод видаляє останній елемент із вашого масиву. Він повертає видалений елемент. Це змінює ваш оригінальний масив.

  2. Array.isArray() Використовуйте це, щоб перевірити, чи є значення масивом. Оператор typeof повертає "object" для масивів, тому він не є надійним.

• Array.isArray([]) повертає true • Array.isArray({}) повертає false

  1. concat() Використовуйте це для об'єднання двох або більше масивів. Це не змінює оригінальні масиви. Це повертає абсолютно новий масив.

  2. copyWithin() Це копіює частину масиву на нову позицію в тому самому масиві. Це перезаписує існуючі елементи.

Важливе зауваження щодо delete Оператор delete видаляє елемент, але залишає довжину масиву незмінною. Це створює порожню дірку у вашому масиві. Використовуйте інші методи, якщо хочете видалити елементи та зменшити масив.

Source: https://www.w3schools.com/js/js_array_methods.asp

Complete guide: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7