你没用过的13个JavaScript数组技巧,简单好用还高效!
2023-11-21 17:37:04
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 数组众多技巧中的一小部分。掌握这些技巧可以让你编写更简洁、更高效的代码。