run-dev

list в JavaScript: как создать список в JS

В JavaScript под списком чаще всего понимается массив (Array) — структура данных, которая хранит упорядоченный набор элементов. Каждый элемент массива имеет свой индекс, начиная с 0, и может быть любым типом данных: числом, строкой, объектом или даже другой коллекцией.

Способы создания массива

Литерал массива

Это самый простой и часто используемый способ создания массива:

const fruits = ['apple', 'banana', 'cherry'];

Конструктор Array

Создание массива с использованием конструктора Array:

const numbers = new Array(1, 2, 3, 4);

Если передать в конструктор одно число, будет создан массив указанной длины с пустыми ячейками:

const emptyArray = new Array(5); // массив длиной 5, заполненный `undefined`

Array.of

Этот метод гарантирует создание массива из аргументов, даже если передан только один элемент:

const singleElementArray = Array.of(5);

Доступ к элементам массива

Элементы массива доступны по индексу, начиная с 0:

const fruits = ['apple', 'banana', 'cherry'];
console.log(fruits[0]); // apple
console.log(fruits[2]); // cherry

Длина массива

Свойство length возвращает количество элементов массива:

const numbers = [10, 20, 30];
console.log(numbers.length); // 3

Добавление элементов в массив

Добавление в конец массива

const fruits = ['apple', 'banana'];
fruits.push('cherry');
console.log(fruits); // ['apple', 'banana', 'cherry']

Добавление в начало массива

fruits.unshift('orange');
console.log(fruits); // ['orange', 'apple', 'banana', 'cherry']

Удаление элементов массива

Удаление последнего элемента

fruits.pop();

Удаление первого элемента

fruits.shift();

Удаление по индексу

fruits.splice(1, 1); // удаляет 1 элемент с индексом 1

Перебор массива

for

const numbers = [1, 2, 3];
for (let i = 0; i < numbers.length; i++) {
    console.log(numbers[i]);
}

for…of

for (const fruit of fruits) {
    console.log(fruit);
}

forEach

fruits.forEach(fruit => console.log(fruit));

Проверка наличия элемента

includes

console.log(fruits.includes('banana')); // true

indexOf

console.log(fruits.indexOf('cherry')); // 2

Объединение массивов

const moreFruits = ['grape', 'melon'];
const allFruits = fruits.concat(moreFruits);
console.log(allFruits);

Многомерные массивы

Массив может содержать вложенные массивы:

const matrix = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];
console.log(matrix[1][2]); // 6

Массив в JavaScript — это универсальная структура для хранения коллекций данных. Благодаря встроенным методам и гибкости массивы широко используются при разработке любых приложений, от простых скриптов до сложных веб-приложений.

Больше записей