Вы обязательно найдете полезными методы JavaScript Array.

Мы все можем согласиться с тем, что методы массива действительно полезны в проектах JavaScript. Итак, в этой статье я расскажу вам о 10 методах работы с массивами, которые вам следует знать.

Итак, приступим!

1. Для каждого

Метод forEach() вызывает определенную функцию один раз для каждого элемента в массиве.

const arr = [1, 2, 3, 4, 5, 6];

arr.forEach(item => {
  console.log(item); // output: 1 2 3 4 5 6
});

2. Уменьшить

Метод reduce() уменьшает массив до одного значения. Он выполняет предоставленную функцию для каждого значения массива (слева направо). Возвращаемое значение функции сохраняется в аккумуляторе (результат / итог).

const arr = [1, 2, 3, 4, 5, 6];

const res = arr.reduce((total, value) => total + value, 0);
console.log(res); // 21

3. Включает

Метод includes() определяет, содержит ли строка символы указанной строки. Результат / вывод - логическое.

const arr = [1, 2, 3, 4, 5, 6];

arr.includes(4); // output: true
arr.includes(9); // output: false

4 .Array.of ()

Метод Array.of() создает новый экземпляр Array из переменного количества аргументов, независимо от количества или типа аргументов.

const nums = Array.of(1, 2, 3, 4, 5, 6);
console.log(nums); // output: [1, 2, 3, 4, 5, 6]

5. sort ()

Метод sort() сортирует элементы массива на месте и возвращает отсортированный массив. По умолчанию используется возрастающий порядок сортировки, основанный на преобразовании элементов в строки и последующем сравнении их последовательностей значений кодовых единиц UTF-16.

const daysofweek= [‘Thus’, ‘Mon’, ‘Wed’, ‘Fri’];
daysofweek.sort();
console.log(daysofweek);
// expected output: ["Fri", "Mon", "Thus", "Wed"]

6 Array.from ()

Array.from() статический метод создает новый мелко скопированный Array экземпляр из объекта, подобного массиву или повторяемого объекта.

console.log(Array.from('medium'));
// expected output: Array ["m", "e", "d", "i", "u", "m"]

7. Фильтр

Метод filter() создает новый массив со всеми элементами, прошедшими проверку, реализованную предоставленной функцией.

const arr = [1, 2, 3, 4, 5, 6];

// item(s) greater than 3
const res = arr.filter(num => num > 4);
console.log(res); // output: [5, 6]

console.log(arr); // output: [1, 2, 3, 4, 5, 6]

8. Ломтик

Метод slice() создает мелкую копию части массива в новый объект массива, выбранный от start до end (end не включен), где start и end представляют собой индекс элементов в этом массиве. Также обратите внимание, что исходный массив не изменяется.

const companies = ['Apple', 'Microsoft', 'Google', 'Amazon', 'Netflix'];
console.log(companies.slice(2));
// output: ['Google', 'Amazon', 'Netflix']
console.log(companies.slice(2, 4));
// output: ["Google", "Amazon"]
console.log(companies.slice(1, 5));
// output: ["Microsoft", "Google", "Amazon", "Netflix"]

9. Найти

Метод find() возвращает значение первого элемента в предоставленном массиве, который удовлетворяет предоставленной функции тестирования. Если никакие значения не удовлетворяют функции тестирования, возвращается undefined.

const arr = [14, 74, 22, 46, 142];
const res = arr.find(element => element > 10);
console.log(res); // output: 14

10 .indexOf

Метод indexOf() возвращает первый индекс, по которому данный элемент может быть найден в массиве, или -1, если его нет.

const people = ['naruto', 'sakura', 'sasuke', 'itachi', 'kakashi'];
console.log(people.indexOf('itachi')); // output: 1

использованная литература

Подписывайтесь на меня в Twitter и Medium.

Спасибо за прочтение!

Больше контента на plainenglish.io