Вы обязательно найдете полезными методы 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