Объект Array
— это специальная переменная, которая может содержать более одного значения.
Массивы могут изменять размер и могут содержать смесь различных типов данных.
Массивы имеют нулевой индекс: первый элемент массива имеет индекс 0
, второй — индекс 1.
.
Конструктор
Array() —
Создает новый Array
объект.
Методы
Методы массива — это функции, встроенные в JavaScript, которые мы можем применять к нашим массивам.
Для массивов доступны следующие методы:
Array.map() -> новый массив
Возвращает новый массив с результатами вызова предоставленной функции для каждого элемента в этом массиве.
const list = [😫, 😫, 😫, 😫]; list.map((⚪️) => 😀); // [😀, 😀, 😀, 😀] // Code const list = [1, 2, 3, 4]; list.map((el) => el * 2); // [2, 4, 6, 8]
Array.filter() -> новый массив
Возвращает новый массив со всеми элементами, прошедшими проверку, реализованную предоставленной функцией.
const list = [😀, 😫, 😀, 😫]; list.filter((⚪️) => ⚪️ === 😀); // [😀, 😀] // Code const list = [1, 2, 3, 4]; list.filter((el) => el % 2 === 0); // [2, 4]
Array.reduce() -> одно значение
Сократите массив до одного значения. Значение, возвращаемое функцией, сохраняется в аккумуляторе (результат/сумма).
const list = [😀, 😫, 😀, 😫, 🤪]; list.reduce((⬜️, ⚪️) => ⬜️ + ⚪️); // 😀 + 😫 + 😀 + 😫 + 🤪 // OR const list = [1, 2, 3, 4, 5]; list.reduce((total, item) => total + item, 0); // 15
Array.reduceRight() -> одно значение
Выполняет функцию редуктора (предоставленную вами) для каждого элемента массива, что приводит к одному выходному значению (справа налево).
const list = [😀, 😫, 😀, 😫, 🤪]; list.reduceRight((⬜️, ⚪️) => ⬜️ + ⚪️); // 🤪 + 😫 + 😀 + 😫 + 😀 // Code const list = [1, 2, 3, 4, 5]; list.reduceRight((total, item) => total + item, 0); // 15
Array.fill() -> -изменить исходный массив
Заполните элементы массива статическим значением.
const list = [😀, 😫, 😀, 😫, 🤪]; list.fill(😀); // [😀, 😀, 😀, 😀, 😀] // Code const list = [1, 2, 3, 4, 5]; list.fill(0); // [0, 0, 0, 0, 0]
Array.find() -> значение первого элемента / не определено
Возвращает значение первого элемента массива, удовлетворяющего предоставленной функции проверки. В противном случае возвращается неопределенное значение.
const list = [😀, 😫, 😀, 😫, 🤪]; list.find((⚪️) => ⚪️ === 😀); // 😀 list.find((⚪️) => ⚪️ === 😝); // undefined // Code const list = [1, 2, 3, 4, 5]; list.find((el) => el === 3); // 3 list.find((el) => el === 6); // undefined
Array.indexOf() -> индекс
Возвращает первый индекс, по которому данный элемент может быть найден в массиве, или -1, если он отсутствует.
const list = [😀, 😫, 😀, 😫, 🤪]; list.indexOf(😀); // 0 list.indexOf(😡); // -1 // Code const list = [1, 2, 3, 4, 5]; list.indexOf(3); // 2 list.indexOf(6); // -1
Array.lastIndexOf() -> последний индекс / или -1
Возвращает последний индекс, по которому данный элемент может быть найден в массиве, или -1, если он отсутствует. Массив просматривается в обратном направлении, начиная с fromIndex.
const list = [😀, 😫, 😀, 😫, 🤪]; list.lastIndexOf(😀); // 3 list.lastIndexOf(😀, 1); // 0 // Code const list = [1, 2, 3, 4, 5]; list.lastIndexOf(3); // 2 list.lastIndexOf(3, 1); // -1
Array.findIndex() — индекс / или -1
Возвращает индекс первого элемента в массиве, который удовлетворяет предоставленной функции тестирования. В противном случае возвращается -1.
const list = [😀, 😫, 😀, 😫, 🤪]; list.findIndex((⚪️) => ⚪️ === 😀); // 0 // You might be thinking how it's different from `indexOf` 🤔 const array = [5, 12, 8, 130, 44]; array.findIndex((element) => element > 13); // 3 // OR const array = [{ id: 😀 }, { id: 😫 }, { id: 🤪 }]; array.findIndex((element) => element.id === 🤪); // 2
Array.includes() / правда/ложь
Возвращает true, если данный элемент присутствует в массиве.
const list = [😀, 😫, 😀, 😫, 🤪]; list.includes(😀); // true // Code const list = [1, 2, 3, 4, 5]; list.includes(3); // true list.includes(6); // false
Array.pop() - изменить исходный массив
Удаляет последний элемент из массива и возвращает этот элемент.
const list = [😀, 😫, 😀, 😫, 🤪]; list.pop(); // 🤪 list; // [😀, 😫, 😀, 😫] // Code const list = [1, 2, 3, 4, 5]; list.pop(); // 5 list; // [1, 2, 3, 4]
Array.push() - изменить исходный массив
Добавляет новые элементы в конец массива и возвращает новую длину.
const list = [😀, 😫, 😀, 😫, 🤪]; list.push(😡); // 5 list; // [😀, 😫, 😀, 😫, 🤪, 😡] // Code const list = [1, 2, 3, 4, 5]; list.push(6); // 6 list; // [1, 2, 3, 4, 5, 6]
Array.shift() - изменить исходный массив
Удаляет первый элемент из массива и возвращает этот элемент.
const list = [😀, 😫, 😀, 😫, 🤪]; list.shift(); // 😀 list; // [😫, 😀, 😫, 🤪] // Code const list = [1, 2, 3, 4, 5]; list.shift(); // 1 list; // [2, 3, 4, 5]
Array.unshift() - изменить исходный массив
Добавляет новые элементы в начало массива и возвращает новую длину.
const list = [😀, 😫, 😀, 😫, 🤪]; list.unshift(😡); // 6 list; // [😡, 😀, 😫, 😀, 😫, 🤪] // Code const list = [1, 2, 3, 4, 5]; list.unshift(0); // 6 list; // [0, 1, 2, 3, 4, 5]
Array.splice() - изменить исходный массив
Изменяет содержимое массива, удаляя или заменяя существующие элементы и/или добавляя новые элементы на место.
const list = [😀, 😫, 😀, 😫, 🤪]; list.splice(1, 2); // [😀, 😫] list; // [😀, 😫, 🤪] // Code const list = [1, 2, 3, 4, 5]; list.splice(1, 2); // [2, 3] list; // [1, 4, 5]
Array.slice() -> копия массива
Возвращает неглубокую копию части массива в новый объект массива, выбранный от начала до конца (конец не включен). Исходный массив не будет изменен.
const list = [😀, 😫, 😀, 😫, 🤪]; list.slice(1, 3); // [😫, 😀] list; // [😀, 😫, 😀, 😫, 🤪] // Code const list = [1, 2, 3, 4, 5]; list.slice(1, 3); // [2, 3] list; // [1, 2, 3, 4, 5]
Array.join() → объединить элементы в строку
Объединяет все элементы массива в строку.
const list = [😀, 😫, 😀, 😫, 🤪]; list.join('〰️'); // "😀〰️😫〰️😀〰️😫〰️🤪" // Code const list = [1, 2, 3, 4, 5]; list.join(', '); // "1, 2, 3, 4, 5"
Array.reverse() -> изменить исходный массив
Изменяет порядок элементов в массиве на обратный.
const list = [😀, 😫, 😀, 😫, 🤪]; list.reverse(); // [🤪, 😫, 😀, 😫, 😀] list; // [🤪, 😫, 😀, 😫, 😀] // Code const list = [1, 2, 3, 4, 5]; list.reverse(); // [5, 4, 3, 2, 1] list; // [5, 4, 3, 2, 1]
Array.sort()->изменить исходный массив
Сортирует элементы массива на месте и возвращает массив. Порядок сортировки по умолчанию соответствует кодовым точкам строки Unicode.
const list = [😀, 😫, 😀, 😫, 🤪]; list.sort(); // [😀, 😀, 😫, 😫, 🤪] // This make more sense 🤔 const array = ['D', 'B', 'A', 'C']; array.sort(); // 😀 ['A', 'B', 'C', 'D'] // OR const array = [4, 1, 3, 2, 10]; array.sort(); // 😧 [1, 10, 2, 3, 4] array.sort((a, b) => a - b); // 😀 [1, 2, 3, 4, 10]
Array.some() — правда/ложь
Возвращает true, если хотя бы один элемент в массиве проходит тест, реализованный предоставленной функцией.
const list = [😀, 😫, 😀, 😫, 🤪]; list.some((⚪️) => ⚪️ === 😀); // true list.some((⚪️) => ⚪️ === 😡); // false// Code const list = [1, 2, 3, 4, 5]; list.some((el) => el === 3); // true list.some((el) => el === 6); // false
Array.every() -> true/false
Возвращает true, если все элементы в массиве проходят тест, реализованный предоставленной функцией.
const list = [😀, 😫, 😀, 😫, 🤪]; list.every((⚪️) => ⚪️ === 😀); // false const list = [😀, 😀, 😀, 😀, 😀]; list.every((⚪️) => ⚪️ === 😀); // true // Code const list = [1, 2, 3, 4, 5]; list.every((el) => el === 3); // false const list = [2, 4, 6, 8, 10]; list.every((el) => el%2 === 0); // true
Массив.из() -> массив
Создает новый массив из массивоподобного или итерируемого объекта.
const list = 😀😫😀😫🤪; Array.from(list); // [😀, 😫, 😀, 😫, 🤪] const set = new Set(['😀', '😫', '😀', '😫', '🤪']); Array.from(set); // [😀, 😫, 🤪] const range = (n) => Array.from({ length: n }, (_, i) => i + 1); console.log(range(10)); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
Array.of() -> массив
Создает новый массив с переменным количеством аргументов, независимо от количества или типа аргументов.
const list = Array.of(😀, 😫, 😀, 😫, 🤪); list; // [😀, 😫, 😀, 😫, 🤪] // Code const list = Array.of(1, 2, 3, 4, 5); list; // [1, 2, 3, 4, 5]
Array.isArray() -> true/false
Возвращает true, если заданное значение является массивом.
Array.isArray([😀, 😫, 😀, 😫, 🤪]); // true Array.isArray(🤪); // false // Code Array.isArray([1, 2, 3, 4, 5]); // true Array.isArray(5); // false
Array.at() -> индекс
Возвращает значение по указанному индексу.
const list = [😀, 😫, 😀, 😫, 🤪]; list.at(1); // 😫 // Return from last 🤔 list.at(-1); // 🤪 list.at(-2); // 😫 // Code const list = [1, 2, 3, 4, 5]; list.at(1); // 2 list.at(-1); // 5 list.at(-2); // 4
Array.copyWithin() -> массив
Копирует элементы массива внутри массива. Возвращает измененный массив.
const list = [😀, 😫, 😀, 😫, 🤪]; list.copyWithin(1, 3); // [😀, 😀, 🤪, 😫, 🤪] const list = [😀, 😫, 😀, 😫, 🤪]; list.copyWithin(0, 3, 4); // [😫, 😫, 😀, 😫, 🤪] // Code const list = [1, 2, 3, 4, 5]; list.copyWithin(0, 3, 4); // [4, 2, 3, 4, 5]
ПРИМЕЧАНИЕ: 🤔
- Первый аргумент — это цель, с которой нужно начать копирование элементов.
- второй аргумент — это индекс, с которого следует начать копирование элементов.
- третий аргумент - это индекс, с которого следует прекратить копирование элементов.
Array.flat()-> новый массив
Возвращает новый массив со всеми элементами подмассива, объединенными в него рекурсивно до указанной глубины.
const list = [😀, 😫, [😀, 😫, 🤪]]; list.flat(Infinity); // [😀, 😫, 😀, 😫, 🤪] // Code const list = [1, 2, [3, 4, [5, 6]]]; list.flat(Infinity); // [1, 2, 3, 4, 5, 6]
Array.flatMap()-> новый массив
Возвращает новый массив, сформированный путем применения заданной функции обратного вызова к каждому элементу массива,
const list = [😀, 😫, [😀, 😫, 🤪]]; list.flatMap((⚪️) => [⚪️, ⚪️ + ⚪️ ]); // [😀, 😀😀, 😫, 😫😫, 😀, 😀😀, 😫, 😫😫, 🤪, 🤪🤪] // Code const list = [1, 2, 3]; list.flatMap((el) => [el, el * el]); // [1, 1, 2, 4, 3, 9]