Автор оригинала: Frugence Fidel.
Этот пост изначально опубликован на мой блог Отказ
В этом посте я поделился 10 методов массива JavaScript, вы должны знать.
Если вы ничего не знаете о массиве, вы можете нажать здесь для Массив Введение Отказ
Вот 10 методов массива JavaScript, вы должны хотя бы знать
1. foreach ()
Этот метод может помочь вам впишиться за предметами массива.
const arr = [1, 2, 3, 4, 5, 6];
arr.forEach(item => {
console.log(item); // output: 1 2 3 4 5 6
});
2. включает в себя ()
Этот метод проверяет, включает ли массив, который пропускается в способе.
const arr = [1, 2, 3, 4, 5, 6]; arr.includes(2); // output: true arr.includes(7); // output: false
3. Фильтр ()
Этот метод создает новый массив с только элементами, прошедшим состоянием внутри прилагаемой функции.
const arr = [1, 2, 3, 4, 5, 6]; // item(s) greater than 3 const filtered = arr.filter(num => num > 3); console.log(filtered); // output: [4, 5, 6] console.log(arr); // output: [1, 2, 3, 4, 5, 6]
4. Карта ()
Этот метод создает новый массив, вызывая предоставленную функцию в каждом элементе.
const arr = [1, 2, 3, 4, 5, 6]; // add one to every element const oneAdded = arr.map(num => num + 1); console.log(oneAdded); // output [2, 3, 4, 5, 6, 7] console.log(arr); // output: [1, 2, 3, 4, 5, 6]
5. Уменьшить ()
Метод уменьшения () применяет функцию на фоне аккумулятора и каждого элемента в массиве (слева направо), чтобы уменьшить его до одного значения – MDN
const arr = [1, 2, 3, 4, 5, 6]; const sum = arr.reduce((total, value) => total + value, 0); console.log(sum); // 21
6. Некоторые ()
Этот метод проверяет, по меньшей мере один из элементов массива прошел состояние. Если пропущено, он возвращает «True» в противном случае «ложь».
const arr = [1, 2, 3, 4, 5, 6]; // at least one element is greater than 4? const largeNum = arr.some(num => num > 4); console.log(largeNum); // output: true // at least one element is less than or equal to 0? const smallNum = arr.some(num => num <= 0); console.log(smallNum); // output: false
7. Каждый ()
Этот метод проверяет, прошел ли все элемент массива состояния. Если пропущено, он возвращает «True» в противном случае «ложь».
const arr = [1, 2, 3, 4, 5, 6]; // all elements are greater than 4 const greaterFour = arr.every(num => num > 4); console.log(greaterFour); // output: false // all elements are less than 10 const lessTen = arr.every(num => num < 10); console.log(lessTen); // output: true
8. Сортировать ()
Этот метод используется для устранения/сортировки элемента массива либо по возрастанию, либо по порядку убываний.
const arr = [1, 2, 3, 4, 5, 6]; const alpha = ['e', 'a', 'c', 'u', 'y']; // sort in descending order descOrder = arr.sort((a, b) => a > b ? -1 : 1); console.log(descOrder); // output: [6, 5, 4, 3, 2, 1] // sort in ascending order ascOrder = alpha.sort((a, b) => a > b ? 1 : -1); console.log(ascOrder); // output: ['a', 'c', 'e', 'u', 'y']
9. Array.from ()
Это измените все, что – подобные массивам или подобные истинному в истинном массиве, особенно при работе с DOM, чтобы вы могли использовать другие способы массива, такие как уменьшение, карта, фильтр и так далее.
const name = 'frugence'; const nameArray = Array.from(name); console.log(name); // output: frugence console.log(nameArray); // output: ['f', 'r', 'u', 'g', 'e', 'n', 'c', 'e']
Работа с домом
// I assume that you have created unorder list of items in our html file.
const lis = document.querySelectorAll('li');
const lisArray = Array.from(document.querySelectorAll('li'));
// is true array?
console.log(Array.isArray(lis)); // output: false
console.log(Array.isArray(lisArray)); // output: true
10. Array.of ()
Это создает массив из всех аргументов, переданных в него.
const nums = Array.of(1, 2, 3, 4, 5, 6); console.log(nums); // output: [1, 2, 3, 4, 5, 6]