8 个最佳的 JavaScript 一行代码技巧

如果你是编程新手，可能既兴奋又有点不知所措对吧？别紧张！🙂现在，我们要看一些非常简单但超酷的JavaScript一行代码技巧。这些代码虽短但功能强大，可以帮你节省时间并让你的朋友们眼前一亮。让我们一起来探索神奇的JavaScript简单技巧的世界吧!

1. 在一个数组中随机取一个元素

// Input: [1, 2, 3, 4]
const randomElement = arr => arr[Math.floor(Math.random() * arr.length)];
// Output: Something like 2, or 4, or 1...you get it.

2. 避免数组中的重复元素

// Input: [1, 2, 2, 3]
const uniqueArray = [...new Set([1, 2, 2, 3])];
// Output: [1, 2, 3]

3. 将数组按照某个属性排序

// Input: 'name', [{name:'Bob', age:25}, {name:'Alice', age:22}]
const sortBy = (arr, key) => arr.sort((a, b) => a[key] > b[key] ? 1 : -1);
// Output: [{name:'Alice', age:22}, {name:'Bob', age:25}]

4. 判断两个对象或数组是否相等

// Input: [1, 2], [1, 2]
const arraysEqual = JSON.stringify([1, 2]) === JSON.stringify([1, 2]);
// Output: true

5. 让你的代码等待某一固定时间

const chill = ms => new Promise(resolve => setTimeout(resolve, ms));
(async () => {
  console.log("Before waiting");
  await chill(2000);
  console.log("After waiting for 2 seconds");
})();

6. 取出数组中某个对象的某一属性

const pluck = (arr, key) => arr.map(obj => obj[key]);
console.log(pluck([{x: 1}, {x: 2}], 'x')); // Output: [1, 2]

7. 在数组的某个特定位置插入一个数据

// Input: [1, 2, 4]
const insert = (arr, index, newItem, a=[...arr]) => (a.splice(index, 0, newItem),a);
// Output: [1, 2, 3, 4]

8. 随机生成一个颜色

// Input: No input needed
const randomColor = "#" + (~~(Math.random() * 8**8)).toString(16).padStart(6,0);
// Output: Something like #f5a623

哇,真刺激!🎢我们刚刚介绍了8个简单但方便的JavaScript快捷键。这些一行代码就像小工具包🛠️,可以帮助你轻松完成很酷的功能。你是否也学到了一些很酷的快捷键或技巧,想分享给大家?我们非常期待!请在下面的评论区留言。祝编码愉快,记住,最好的代码是让你会心一笑的代码!😊

祝编码愉快,记住,要永远保持优雅和幽默!🍸🎉