数组版：10 个简洁实用的 JavaScript 一行代码锦集

轻松掌握 JavaScript 数组操作：16 个实用的单行代码

前言

数组是 JavaScript 中一种强大的数据结构，用于存储和处理列表。掌握数组操作技巧对于编写高效、可读的代码至关重要。本文将介绍 16 个简洁、实用的 JavaScript 单行代码，帮助您解决常见的数组操作任务。

一、遍历数组

1. forEach()： 通过提供的回调函数逐个遍历数组元素。

const numbers = [1, 2, 3, 4, 5];
numbers.forEach((number) => console.log(number)); // 输出：1 2 3 4 5

2. map()： 对每个数组元素应用函数，并返回一个新数组。

const doubledNumbers = numbers.map((number) => number * 2); // 输出：2 4 6 8 10

3. filter()： 根据给定的条件过滤数组元素，返回一个新数组。

const evenNumbers = numbers.filter((number) => number % 2 === 0); // 输出：2 4

二、排序数组

4. sort()： 按照升序或降序对数组元素进行排序。

const sortedNumbers = numbers.sort((a, b) => a - b); // 输出：1 2 3 4 5

5. reverse()： 反转数组中元素的顺序。

const reversedNumbers = numbers.reverse(); // 输出：5 4 3 2 1

三、查找数组元素

6. find()： 查找满足给定条件的第一个数组元素。

const firstEvenNumber = numbers.find((number) => number % 2 === 0); // 输出：2

7. findIndex()： 查找满足给定条件的第一个数组元素的索引。

const firstEvenNumberIndex = numbers.findIndex((number) => number % 2 === 0); // 输出：1

四、操作数组

8. push()： 向数组末尾添加新元素。

numbers.push(6); // 输出：1 2 3 4 5 6

9. pop()： 从数组末尾删除最后一个元素。

numbers.pop(); // 输出：1 2 3 4

10. unshift()： 向数组开头添加新元素。

numbers.unshift(0); // 输出：0 1 2 3 4

11. shift()： 从数组开头删除第一个元素。

numbers.shift(); // 输出：1 2 3 4

五、数组合并和展开

12. concat()： 将两个或多个数组合并为一个新数组。

const combinedNumbers = numbers.concat([6, 7, 8]); // 输出：1 2 3 4 5 6 7 8

13. 展开运算符 (...)： 将数组中的元素展开为单独的元素。

const spreadNumbers = [...numbers, 6, 7, 8]; // 输出：1 2 3 4 5 6 7 8

六、数组去重

14. Set()： 使用 Set() 数据结构去除数组中的重复元素。

const uniqueNumbers = [...new Set(numbers)]; // 输出：1 2 3 4 5

七、数组转字符串

15. join()： 将数组中的元素连接为一个字符串。

const numbersString = numbers.join(','); // 输出："1,2,3,4,5"

八、字符串转数组

16. split()： 将字符串以指定的分隔符分割为一个数组。

const numbersArray = numbersString.split(','); // 输出：[1, 2, 3, 4, 5]

结论

通过了解这些实用的一行代码，您可以提高 JavaScript 数组操作的效率。从遍历和排序到查找、操作和合并，这些代码为您提供了构建健壮、可维护代码所需的所有工具。

常见问题解答

1. 什么时候应该使用 forEach() 而不用 map()？

forEach() 用于遍历数组而不修改其元素，而 map() 用于创建一个新数组，其元素经过函数转换。

2. 如何在不使用 sort() 的情况下对数组进行逆序排序？

可以使用 reverse() 方法来反转数组中的元素顺序。

3. 如何找到数组中重复次数最多的元素？

可以使用 Set() 数据结构记录每个元素的出现次数，然后使用 Math.max() 找出出现次数最多的元素。

4. 如何将数组中的数字转换为整数？

可以使用 parseInt() 函数将字符串数字转换为整数。

5. 如何创建数组副本以防止意外修改？

可以使用 spread 运算符或 slice() 方法创建数组副本。