Введение в Массивы в JavaScript: Основы и Примеры

Создание массива

Создать массив в JavaScript можно с использованием литерала массива [] или конструктора Array():

// Литерал массива
let fruits = ['яблоко', 'банан', 'апельсин'];

// Использование конструктора
let cars = new Array('Toyota', 'Honda', 'Ford');

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

Элементы массива нумеруются, начиная с 0. Доступ к элементам осуществляется по индексу:

console.log(fruits[0]); // Вывод: яблоко
console.log(cars[1]);   // Вывод: Honda

Изменение элементов массива

Изменение элементов массива происходит простым присваиванием новых значений по индексу:

fruits[1] = 'груша';
console.log(fruits); // Вывод: ['яблоко', 'груша', 'апельсин']

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

Свойство length предоставляет информацию о количестве элементов в массиве:

console.log(fruits.length); // Вывод: 3

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

Методы push() и unshift() добавляют элементы в конец и начало массива соответственно

fruits.push('вишня');   // Добавляет 'вишню' в конец массива
fruits.unshift('гранат'); // Добавляет 'гранат' в начало массива
console.log(fruits); // Вывод: ['гранат', 'яблоко', 'груша', 'апельсин', 'вишня']

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

Методы pop() и shift() удаляют элементы с конца и начала массива соответственно:

fruits.pop();   // Удаляет последний элемент ('вишню')
fruits.shift(); // Удаляет первый элемент ('гранат')
console.log(fruits); // Вывод: ['яблоко', 'груша', 'апельсин']

Итерация по массиву

Перебор элементов массива можно выполнить с использованием цикла for или метода forEach():

// Цикл for
for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

// Метод forEach()
fruits.forEach(function (fruit) {
    console.log(fruit);
});

Это лишь базовое введение в массивы в JavaScript. Они предоставляют обширный функционал для управления данными и чрезвычайно полезны в различных сценариях программирования. Ознакомившись с основами, вы сможете более эффективно использовать массивы в своем коде.

Комментарии

Коментарии отсутствуют, будьте первым(ой) кто напишет под этим постом!

Написать коментарий