7 个 JavaScript 开发小技巧

[reng99]

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第23天，点击查看活动详情

本文译文，采用意译。

下面这些方法对于我来说很有作用，自从我发现了这些操作。

1. 数组求和

假设你有下面的数字数组：let numbers = [2,52,55,5]。

计算求和，我们会想到使用 for，是吧。

但是我们可以使用这行代码完成 let sum = numbers.reduce((x,y) => return x+y)。如下：

let numbers = [2, 52, 55, 5];
let sum = numbers.reduce((x, y) => x + y);
console.log(sum); // 114

2. 使用 length 属性更改数组

我们可以更改数组的大小，通过更改 length 属性。

我们看下下面的操作。

let array = [11,12,12,122,1222];
console.log(array.length); // 5
array.length = 2;
console.log(array); // [11, 12]

3. 数组元素随机打乱

我们总会需要得到随机的数据，但是我们需要从特定的数据中的获取。

那么你可以使用下面的小技巧：

let array = [11, 12, 13, 14, 150, 15, 555, 556, 545];
let randomArray = array.sort(function() {
  return Math.random() - 0.5
});
console.log(randomArray); // [150, 545, 15, 14, 11, 12, 13, 556, 555]
// 当然，生成的随机值，你每次运行代码都会有有所不同，上面的 console.log 我只是取了其中一种

4. 过滤唯一值

有时我们需要获取唯一的值。比如：我们在社交媒体上有公共的朋友，我们需要把他们筛选出来。（译者加）简单来说，类似求交集。

对于这种情况，我们可以使用 sets。

set 是定义明确的数据集合，即元素非空，不同且唯一。

let array = [11, 12, 12, 222];
const unique = [...new Set(array)];
console.log(unique); // [11, 12, 222]

5. 逗号运算符

逗号运算符 (,) 从左到右执行每个运算，返回最后一个操作数。

比如：

let x = 1;
x = (x++, x);
console.log(x); // 2

x = (2, 3);
console.log(x); // 3

6. 使用数组解构交换数据元素

交换数据从来没有像现在这样容易，我们一般交换数据元素会先命名一个临时变量，就比如下面：

let temporary = b;
b = a;
a = temporary;

这样有些繁琐，而且看着不舒服。那么替代的优化方案来了，你可以使用数组解构的方式，如下：

let x = 5;
let y = 10;
[x, y] = [y, x];
console.log(x); // 10
console.log(y); // 5

7. 使用 && 代替 If 条件判断为真的条件

&& 操作符，我们平时很好用，但是你了解后，相信你之后会常用。

// 使用 if 的条件判断
if(twitter) {
  followme("adarsh____gupta")
}

// 你可以替换成这样
twiiter && followme("adarsh____gupta")

总结

我们讲解了一些少听说 JavaScript 的技巧，这些技巧能够帮你节省时间，提高生产力。

原文链接请戳 7 JavaScript Tricks You Should Know。