JavaScript 单行代码通常是高效而紧凑的代码片段，它们可以快速解决常见的编程问题或执行有用的任务。常用的 JavaScript 单行代码包括数组去重、深拷贝对象、获取URL参数、数组乱序、字符串反转等。例如，数组去重可以使用ES6中的新特性Set来实现，因为Set只会存储唯一值。可以通过将数组转化为Set，再将其展开到新数组中，实现去重的目的。
一、数组去重
数组去重是编程中常遇到的问题。在 JavaScript 中，最常见的单行解决方案是使用 ES6 的 Set 对象：
const uniqueArray = [...new Set(arr)];
其中 arr 是需要去重的数组。这行代码首先通过 new Set(arr) 创建了一个新的 Set 对象，并将数组 arr 作为参数传入，由于 Set 中的值总是唯一的，所以这样会自动过滤掉重复的值。然后使用展开运算符 ... 将 Set 对象转换回数组。
二、深拷贝对象
在开发中，有时需要创建一个对象的深拷贝以避免修改原始对象。JavaScript 中的单行代码可以这样做：
const clonedObject = JSON.parse(JSON.stringify(originalObject));
这个方法使用 JSON.stringify 将对象转换为 JSON 字符串，然后立刻用 JSON.parse 解析这个字符串，从而得到原始对象的深拷贝。不过，这个方法不适用于包含函数、undefined 或循环引用的对象。
三、获取URL参数
获取 URL 参数在开发中经常需要处理，JavaScript 可以用这样的单行代码来获得：
const urlParams = new URLSearchParams(window.location.search);
URLSearchParams 是 Web API 提供的一个接口，可以用来处理URL的查询字符串。这行代码创建了一个新的 URLSearchParams 实例，传递当前页面URL的查询字符串作为参数。
四、数组乱序
数组乱序（洗牌算法）可以使用现代版本的 Fisher-Yates shuffle 算法来实行，JavaScript 中可以简化为一行代码：
const shuffledArray = arr.sort(() => 0.5 - Math.random());
这里，arr 是原数组，使用 .sort() 方法配合箭头函数，这个函数会返回一个随机值，导致 sort 方法以随机顺序排列数组元素。
五、字符串反转
字符串反转是另一个常见的任务，可以用以下单行代码来实现：
const reversedString = str.split('').reverse().join('');
首先，str.split('') 将字符串 str 拆分为字符数组，然后 reverse() 将数组中的元素反序，并最后通过 join('') 方法将它们合并回一个字符串。
以上只是 JavaScript 单行代码的一小部分例子。在业务逻辑中，这样的代码片段可以节省时间并提高代码的简洁性和可读性。然而，值得注意的是，单行代码并不总是最优解，有时为了可维护性和可读性，更详尽的代码可能更加适合。
相关问答FAQs：
1. JavaScript 开发中常用的单行代码有哪些？
在 JavaScript 开发中，有很多常用的单行代码可以帮助我们实现各种功能，以下是一些常见的示例：
- 使用
console.log()语句可以在控制台打印输出信息。 - 使用
document.querySelector()可以选择页面上的特定元素。 - 使用
Array.prototype.map()方法可以对数组中的每个元素进行操作并返回新的数组。 - 使用
Math.random()方法可以生成一个随机数。 - 使用
localStorage.setItem()和localStorage.getItem()可以在本地存储数据。 - 使用
setTimeout()函数可以延迟执行一段代码。 - 使用
Array.prototype.filter()方法可以根据指定的条件过滤数组中的元素。 - 使用
document.createElement()和appendChild()方法可以创建和添加新元素到页面上。 - 使用三元运算符可以在一个单行代码中实现条件判断。
- 使用箭头函数可以简洁地定义匿名函数。
2. JavaScript 中有哪些以单行代码为特点的技巧可以提高开发效率？
JavaScript 中有许多以单行代码为特点的技巧可以帮助我们提高开发效率。以下是一些常见的技巧：
- 使用逗号操作符可以在一行中执行多个操作。
- 使用短路求值可以简化条件判断。
- 使用位运算符可以进行快速的数值计算。
- 使用条件运算符可以在一行中实现简单的条件判断。
- 使用模板字面量可以更方便地拼接字符串。
- 使用数组解构可以在一行中同时声明和赋值多个变量。
- 使用箭头函数可以简化函数的定义。
3. 你能给出一些展示 JavaScript 单行代码的应用场景吗？
当需要在 JavaScript 中展示单行代码时，以下是一些常见的应用场景：
- 在教程或文章中，用单行代码展示某个功能的实现方法。
- 在论坛或社交媒体中，用单行代码解答某个具体问题。
- 在代码审查或面试中，用单行代码展示自己对特定问题的解决思路。
- 在演示文稿或幻灯片中，用单行代码展示某个示例的实现方式。
- 在开发环境中，用单行代码快速验证某个功能的正确性。
- 在代码库或工具的文档中，用单行代码展示该功能的用法示例。
