一起养成写作习惯!这是我参与「掘金日新计划 · 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
的技巧,这些技巧能够帮你节省时间,提高生产力。