你知道JS中有哪些“好用到爆”的一行代码？今天我要给大家分享一些自己日常学习到的一些知识点，并以文字的形式跟大家一起交流

哈喽，各位小伙伴们，你们好呀，我是喵手。

今天我要给大家分享一些自己日常学习到的一些知识点，并以文字的形式跟大家一起交流，互相学习，一个人虽可以走的更快，但一群人可以走的更远。

我是一名后端开发爱好者，工作日常接触到最多的就是Java语言啦，所以我都尽量抽业余时间把自己所学到所会的，通过文章的形式进行输出，希望以这种方式帮助到更多的初学者或者想入门的小伙伴们，同时也能对自己的技术进行沉淀，加以复盘，查缺补漏。

小伙伴们在批阅的过程中，如果觉得文章不错，欢迎点赞、收藏、关注哦。三连即是对作者我写作道路上最好的鼓励与支持！

前言

偶尔帮同事开发点前端页面，每次写代码，总会遇到一些能让人直呼nb的代码。今天，我们就来盘点一下那些 “好用到爆”的 JavaScript 一行代码。省去复杂的多行代码，直接用一行或者简洁的代码进行实现。也能在同事面前秀一波（当然是展示技术实力，而不是装X 🤓）。

也许你会问：“一行代码真的能有这么强吗？” 别急，接着往下看，保证让你大呼—— 这也行？！ 哈哈，待看完之后，你可能会心一笑，原来一行代码还能发挥的如此优雅！核心就是要简洁高效快速实现。

妙用之美：一行代码的魅力

为什么“一行代码”如此让人着迷？因为它是 简洁、高效、优雅 的化身。在日常开发中，我们总希望能用更少的代码实现更多的功能，而“一行代码”就像是开发者智慧的结晶，化繁为简，带来极致的编码体验。

当然，别以为一行代码就等同于简单。事实上，这些代码往往利用了 JavaScript 中的高级技巧，比如 ES6+ 的特性、函数式编程的思维、甚至对底层机制的深入理解。它们既是技巧的体现，也是对语言掌控力的证明。

接下来，让我们通过一些实用案例，感受“一行代码”的高优雅吧！

实用案例：JS 一行代码提升开发效率

1. 生成随机数

在日常开发中，生成随机数是非常常见的需求。但是我可以一句代码就能搞定，示例如下：

const random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

用法示例：

console.log(random(1, 100)); // 输出 1 到 100 之间的随机整数

解析：代码核心是 Math.random()，它生成一个 0 到 1 的随机数。通过数学公式将其映射到指定范围，并利用 Math.floor() 确保返回的是整数。

2. 数组去重

数组去重的方法有很多种，但下面这种方式极其优雅，不信你看！

const unique = (arr) => [...new Set(arr)];

用法示例：

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

解析：Set 是一种集合类型，能自动去重。而 ... 是扩展运算符，可以将 Set 转换为数组，省去手动遍历的步骤。

3. 检查变量类型

判断变量类型也是日常开发中的常见操作，但是下面这一行代码就足够满足你的需求：

const type = (value) => Object.prototype.toString.call(value).slice(8, -1).toLowerCase();

用法示例：

console.log(type(123)); // 'number'
console.log(type([]));  // 'array'
console.log(type(null)); // 'null'

解析：通过 Object.prototype.toString 可以准确获取变量的类型信息，而 slice(8, -1) 是为了提取出 [object Type] 中的 Type 部分。

4. 深拷贝对象

经常会碰到拷贝的场景，但是对于需要深拷贝的对象，下面的一行代码简单且高效：

const deepClone = (obj) => JSON.parse(JSON.stringify(obj));

用法示例：

const obj = { a: 1, b: { c: 2 } };
const copy = deepClone(obj);
console.log(copy); // { a: 1, b: { c: 2 } }

注意：这种方法不适用于循环引用的对象。如果需要处理复杂对象，建议使用 Lodash 等库。

5. 交换两个变量的值

日常中，如果是传统写法，可能会采用需要引入临时变量，但是，今天，我可以教你一个新写法，使用解构赋值就简单多了：

let a = 1, b = 2;
[a, b] = [b, a];

用法示例：

console.log(a, b); // 2, 1

解析：利用 ES6 的解构赋值语法，可以轻松实现两个变量的值交换，代码简洁且直观。

6. 生成 UUID

这个大家都不陌生，且基本所有的项目中都必须有，UUID ，它是开发中常用的唯一标识符，下面这段代码可以快速生成一个符合规范的 UUID，对，就一行搞定：

const uuid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
  const r = (Math.random() * 16) | 0;
  return c === 'x' ? r.toString(16) : ((r & 0x3) | 0x8).toString(16);
});

用法示例：

console.log(uuid()); // 类似 'e4e6c7c4-d5ad-4cc1-9be8-d497c1a9d461'

解析：通过正则匹配字符 x 或 y，并利用 Math.random() 生成随机数，再将其转换为符合 UUID 规范的十六进制格式。

延伸知识

如上这些“一行代码”的实现主要得益于 ES6+ 的特性，如：

箭头函数：让函数表达更简洁。
解构赋值：提升代码的可读性。
扩展运算符：操作数组和对象时更加优雅。
Set 和 Map：提供高效的数据操作方式。

所以说，深入理解这些特性，不仅能让你更轻松地掌握这些代码，还能将它们灵活地应用到实际开发中，在日常开发中游刃有余，用最简洁的代码实现最复杂的也无需求。

总结与感悟

一行代码的背后，藏着开发者的智慧和对 JavaScript 代码的深入理解。通过这些代码，我们不仅能提升开发效率，还能在细节中感受代码的优雅与美感，这个也是我们一致的追求。

前端开发的乐趣就在于此——简单的代码，却能带来无限可能。如果你有更好用的一行代码，欢迎分享，让我们一起玩耍 JavaScript 的更多妙用！体验其中的乐趣。

... ...

文末

好啦，以上就是我这期的全部内容，如果有任何疑问，欢迎下方留言哦，咱们下期见。

... ...

学习不分先后，知识不分多少；事无巨细，当以虚心求教；三人行，必有我师焉！！！

wished for you successed ！！！

⭐️若喜欢我，就请关注我叭。

⭐️若对您有用，就请点赞叭。

⭐️若有疑问，就请评论留言告诉我叭。

你知道JS中有哪些“好用到爆”的一行代码？

前言

目录

妙用之美：一行代码的魅力

实用案例：JS 一行代码提升开发效率

1. 生成随机数

2. 数组去重

3. 检查变量类型

4. 深拷贝对象

5. 交换两个变量的值

6. 生成 UUID

延伸知识

总结与感悟

文末