返回

你没用过的13个JavaScript数组技巧,简单好用还高效!

前端





JavaScript 数组是一种内置的数据类型,它可以存储各种类型的数据。数组是 JavaScript 中非常有用的工具,可以帮助你管理和操作数据。掌握一些 JavaScript 数组技巧可以让你编写更简洁、更高效的代码。

以下是一些有用的 JavaScript 数组技巧:

1. 使用 Array.prototype.forEach() 遍历数组

const numbers = [1, 2, 3, 4, 5];

numbers.forEach((number) => {
console.log(number);
});


2. 使用 Array.prototype.map() 将数组中的每个元素映射到一个新数组

const doubledNumbers = numbers.map((number) => {
return number * 2;
});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]


3. 使用 Array.prototype.filter() 过滤数组中的元素,创建一个包含满足特定条件的元素的新数组

const evenNumbers = numbers.filter((number) => {
return number % 2 === 0;
});

console.log(evenNumbers); // [2, 4]


4. 使用 Array.prototype.reduce() 将数组中的元素累加为一个值

const sum = numbers.reduce((accumulator, currentValue) => {
return accumulator + currentValue;
});

console.log(sum); // 15


5. 使用 Array.prototype.sort() 对数组中的元素进行排序

const sortedNumbers = numbers.sort((a, b) => {
return a - b;
});

console.log(sortedNumbers); // [1, 2, 3, 4, 5]


6. 使用 Array.prototype.slice() 创建数组的一个副本

const copyOfNumbers = numbers.slice();

console.log(copyOfNumbers); // [1, 2, 3, 4, 5]


7. 使用 Array.prototype.splice() 在数组中添加或删除元素

numbers.splice(2, 0, 6);

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


8. 使用 Array.prototype.push() 在数组的末尾添加一个元素

numbers.push(6);

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


9. 使用 Array.prototype.pop() 从数组的末尾删除一个元素

const lastNumber = numbers.pop();

console.log(lastNumber); // 6
console.log(numbers); // [1, 2, 6, 3, 4, 5]


10. 使用 Array.prototype.unshift() 在数组的开头添加一个元素

numbers.unshift(0);

console.log(numbers); // [0, 1, 2, 6, 3, 4, 5]


11. 使用 Array.prototype.shift() 从数组的开头删除一个元素

const firstNumber = numbers.shift();

console.log(firstNumber); // 0
console.log(numbers); // [1, 2, 6, 3, 4, 5]


12. 使用 Array.prototype.indexOf() 查找数组中某个元素的索引

const index = numbers.indexOf(3);

console.log(index); // 3


13. 使用 Array.prototype.lastIndexOf() 查找数组中某个元素最后出现时的索引

const lastIndex = numbers.lastIndexOf(3);

console.log(lastIndex); // 3


这些技巧只是 JavaScript 数组众多技巧中的一小部分。掌握这些技巧可以让你编写更简洁、更高效的代码。