Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

7 个 JavaScript 开发小技巧 #139

Open
reng99 opened this issue May 21, 2022 · 0 comments
Open

7 个 JavaScript 开发小技巧 #139

reng99 opened this issue May 21, 2022 · 0 comments
Labels
blog a single blog javascript javascript tag

Comments

@reng99
Copy link
Owner

reng99 commented May 21, 2022

一起养成写作习惯!这是我参与「掘金日新计划 · 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

@reng99 reng99 added blog a single blog javascript javascript tag labels Jun 20, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
blog a single blog javascript javascript tag
Projects
None yet
Development

No branches or pull requests

1 participant