Что такое массив? ❓❓🙋♂️
В JavaScript массив - это упорядоченный список значений. Каждое значение называется элементом, определяемым индексом. В качестве примера вы можете иметь массив, в котором хранятся числа, строки и логические значения.
Синтаксис:
const array_name; //declaration array_name = [val1,val2,valn..] //initialization OR const array_name = [val1,val2…valn]
Что ж, давайте рассмотрим наиболее часто используемые методы JavaScript 😉
1️⃣map ()
метод map генерирует другой массив и вызывает данную функцию один раз для каждого элемента в массиве по порядку.
Синтаксис:
array.map(function(currentValue, index, arr), thisValue)
Пример:
const ageList = [21, 33, 42, 35, 25]
const doubleTheAge = ageList.map(age=> {
return age* 2
})
console.log(doubleTheAge)
// [42, 66, 84, 70, 50]
2️⃣ найти ()
Он находит начальный элемент массива, в котором функция возвращает значение true, и не проверяет оставшиеся значения.
Синтаксис:
array.find(function(currentValue, index, arr),thisValue)
Пример:
const alligatorr = ["thick", 100, "5 foot tail", "rounded snout"];
alligatorr.find(el => el.length < 12); // returns '5 foot tail'
3️⃣ фильтр ()
Этот метод создает массив, загруженный всеми элементами массива, которые выполняют указанную функцию, и этот метод не изменяет исходный массив.
Синтаксис:
array.filter(function(currentValue, index, arr), thisValue)
Пример:
const numbers = [1, 3, 6, 8, 12];
const luckyNumbers = numbers.filter(function(number) {
return number > 5;
});
console.log(luckyNumbers);
// [ 8, 12 ]
4️⃣ forEach ()
Этот метод вызывает функцию один раз для каждого элемента в массиве в порядке.
Синтаксис:
array.forEach(function(currentValue, index, arr), thisValue)
Пример:
const alphabets = ["a", "b", "c"];
alphabets.forEach(function(entry) {
console.log(entry);
});
//a
//b
//c
5️⃣ каждые ()
Этот метод обнаруживает элемент массива везде, где функция возвращает значение false, и не проверяет оставшиеся значения.
Синтаксис:
array.every(function(currentValue, index, arr), thisValue)
Пример:
const sampleArray2 = [ 1, 2, 3, 4, 5 , 6 ]; const sampleArray3 = [ 0, -1, -30, 5]; sampleArray2.every( number => number > 0 ); // returns true sampleArray3.every( number => number > 0 ); // returns false
6️⃣ присоединиться ()
Этот метод возвращает массив в виде строки, а элементы будут разделены указанным разделителем. Разделитель по умолчанию - запятая (,).
Синтаксис:
array.join(separator)
Пример:
const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); //"Fire,Air,Water" console.log(elements.join('-')); //"Fire-Air-Water"
7️⃣ concat ()
Этот метод используется для объединения нескольких массивов.
Синтаксис:
array1.concat(array2, array3, …, arrayN)
Пример:
const array1 = ['a', 'c']; const array2 = ['d', 'g']; const array3 = array1.concat(array2); console.log(array3); // expected output: Array ["a", "c", "d", "g"]
8️⃣ нажать ()
Этот метод добавляет новый элемент в конец массива
Синтаксис:
array.push([element1[, ...[, elementN]]]
Пример:
const array1 = ['a', 'c']; const array2 = ['d', 'g']; const array3 = array1.concat(array2); console.log(array3); // expected output: Array ["a", "c", "d", "g"]
9️⃣ поп ()
Этот метод удаляет конечный элемент из массива
Синтаксис:
array.pop()
Пример:
const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato']; plants.pop(); console.log(plants); //["broccoli", "cauliflower", "cabbage", "kale"]
🔟 splice ()
Этот метод удаляет / добавляет элементы из / в массив и возвращает удаленные элементы.
Синтаксис:
array.splice(index, howmany, item1, ....., itemN)
Пример:
const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); // ["camel", "duck", "elephant"] console.log(animals.slice(2, 4)); // ["camel", "duck"]