JavaScript開(kāi)發(fā)的七個(gè)實(shí)用小技巧(很有用)
本文譯文,采用意譯。
下面這些方法對(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ō),類(lèi)似求交集。
對(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é)
我們講解了一些少聽(tīng)說(shuō) JavaScript 的技巧,這些技巧能夠幫你節(jié)省時(shí)間,提高生產(chǎn)力。
原文鏈接請(qǐng)戳:https://blog.bitsrc.io/2-3-javascript-tricks-that-you-should-know-bfb9827fd835。
到此這篇關(guān)于JavaScript開(kāi)發(fā)的七個(gè)實(shí)用小技巧的文章就介紹到這了,更多相關(guān)JS開(kāi)發(fā)小技巧內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
原生JS實(shí)現(xiàn)京東查看商品點(diǎn)擊放大
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)京東查看商品點(diǎn)擊放大,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12
JS技巧動(dòng)手實(shí)現(xiàn)紅包兔子雨效果示例詳解
這篇文章主要為大家介紹了JS技巧動(dòng)手實(shí)現(xiàn)紅包兔子雨效果示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01
Underscore.js 的模板功能介紹與應(yīng)用
Underscore是一個(gè)非常實(shí)用的JavaScript庫(kù),提供許多編程時(shí)需要的功能的支持,他在不擴(kuò)展任何JavaScript的原生對(duì)象的情況下提供很多實(shí)用的功能,需要了解的朋友可以詳細(xì)參考下2012-12-12
js 針對(duì)html DOM元素操作等經(jīng)驗(yàn)累積
這篇文章主要介紹了js 針對(duì)html DOM元素操作等經(jīng)驗(yàn)累積,需要的朋友可以參考下2014-03-03
處理JavaScript浮點(diǎn)數(shù)精度問(wèn)題的解決方案
在開(kāi)發(fā)過(guò)程中,特別是涉及到金額計(jì)算或需要精確比較的場(chǎng)景,浮點(diǎn)數(shù)精度問(wèn)題是一個(gè)常見(jiàn)而重要的挑戰(zhàn),本文將介紹在JavaScript中如何識(shí)別、理解和解決這些問(wèn)題,并提供一些實(shí)用的技巧和建議,需要的朋友可以參考下2024-06-06
JavaScript 學(xué)習(xí)小結(jié)(適合新手參考)
JavaScript常量又稱字面常量,是固化在程序代碼中的信息。變量的主要作用是存取數(shù)據(jù),提供一個(gè)存取信息的容器。2009-07-07
Javascript Echarts空氣質(zhì)量地圖效果詳解
這篇文章主要介紹了詳解Javascript利用echarts畫(huà)空氣質(zhì)量地圖,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-10-10

