本文譯文，采用意譯。

下面這些方法對(duì)于我來(lái)說(shuō)很有作用，自從我發(fā)現(xiàn)了這些操作。

1. 數(shù)組求和

假設(shè)你有下面的數(shù)字?jǐn)?shù)組：let numbers = [2,52,55,5]。

計(jì)算求和，我們會(huì)想到使用 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 屬性更改數(shù)組

我們可以更改數(shù)組的大小，通過(guò)更改 length 屬性。

我們看下下面的操作。

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

3. 數(shù)組元素隨機(jī)打亂

我們總會(huì)需要得到隨機(jī)的數(shù)據(jù)，但是我們需要從特定的數(shù)據(jù)中的獲取。

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

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]
// 當(dāng)然，生成的隨機(jī)值，你每次運(yùn)行代碼都會(huì)有有所不同，上面的 console.log 我只是取了其中一種

4. 過(guò)濾唯一值

有時(shí)我們需要獲取唯一的值。比如：我們?cè)谏缃幻襟w上有公共的朋友，我們需要把他們篩選出來(lái)。（譯者加）簡(jiǎn)單來(lái)說(shuō)，類似求交集。

對(duì)于這種情況，我們可以使用 sets。

set 是定義明確的數(shù)據(jù)集合，即元素非空，不同且唯一。

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

5. 逗號(hào)運(yùn)算符

逗號(hào)運(yùn)算符 (,) 從左到右執(zhí)行每個(gè)運(yùn)算，返回最后一個(gè)操作數(shù)。

比如：

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

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

6. 使用數(shù)組解構(gòu)交換數(shù)據(jù)元素

交換數(shù)據(jù)從來(lái)沒(méi)有像現(xiàn)在這樣容易，我們一般交換數(shù)據(jù)元素會(huì)先命名一個(gè)臨時(shí)變量，就比如下面：

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

這樣有些繁瑣，而且看著不舒服。那么替代的優(yōu)化方案來(lái)了，你可以使用數(shù)組解構(gòu)的方式，如下：

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

7. 使用 && 代替 If 條件判斷為真的條件

&& 操作符，我們平時(shí)很好用，但是你了解后，相信你之后會(huì)常用。

// 使用 if 的條件判斷
if(twitter) {
  followme("adarsh____gupta")
}

// 你可以替換成這樣
twiiter && followme("adarsh____gupta")

總結(jié)

我們講解了一些少聽說(shuō) JavaScript 的技巧，這些技巧能夠幫你節(jié)省時(shí)間，提高生產(chǎn)力。

原文鏈接請(qǐng)戳:https://blog.bitsrc.io/2-3-javascript-tricks-that-you-should-know-bfb9827fd835。

到此這篇關(guān)于JavaScript開發(fā)的七個(gè)實(shí)用小技巧的文章就介紹到這了,更多相關(guān)JS開發(fā)小技巧內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論