Изучение популярных методов JS Array с примером кода

Массив в JavaScript подобен супермощному списку. Это одна переменная, используемая для хранения различных элементов. Это как комод, где вы храните свои носки, трусы и этот уродливый рождественский свитер, который связала для вас ваша тетя (извините, тетя Дебби).

Массивы содержат два основных компонента: элементы, вещи в ваших ящиках и индекс, или числовое представление этого ящика относительно комода/другой коллекции ящиков. Важно!!! Если вы совсем не знакомы с массивами javascript, индекс начинается с 0, что означает, что массив из 5 элементов будет иметь максимальный индекс 4.

Вот несколько быстрых примеров массивов:

//empty
[] 
//strings
[‘thanks’, ‘for’, ‘reading’, ‘and’, ‘sharing!’]
//integers
[2, 4, 6, 8, 10]
//variables
let user = 'tony';
let userInput = 'hello';
let userStatus = 'online';
[user, userInput, userStatus]

Массивы невероятно универсальны. Они могут содержать что угодно, от чисел и строк до объектов и других массивов (мы называем эти массивы «вложенными», как матрешки кода). Но настоящая сила массивов заключается в методах работы с массивами, которые предоставляет JavaScript. Это встроенные функции, которые позволяют нам манипулировать массивами различными способами — думайте о них как о своем швейцарском армейском ноже для массивов.

Пристегнитесь, возьмите свой любимый напиток с кофеином, и давайте начнем эту вечеринку.

1. forEach(): социальная бабочка

Метод forEach() подобен тому другу, который настаивает на личном приветствии каждого на вечеринке. Он посещает каждый элемент в вашем массиве один за другим и выполняет функцию. Ни один элемент не остается без внимания.

let partyGuests = [‘Bob’, ‘Sue’, ‘Jim’, ‘Ann’];
partyGuests.forEach(guest => console.log(`Hello, ${guest}!`));

2. map(): художник

Метод map() является артистом группы. Он берет ваш массив и превращает его во что-то новое, как скульптор, превращающий глыбу мрамора в шедевр.

let numbers = [1, 2, 3, 4];
let squares = numbers.map(num => num * num)…