ES6小技巧之代替lodash
Javascript ES6標(biāo)準(zhǔn)實行后，Lodash或者Ramada中的一些功能我們就不需要了，可以使用ES6的語法來實現(xiàn)
獲取Object中指定鍵值
我們現(xiàn)在可以使用解包的方法快速獲取對象中指定鍵值的值
const obj = {
a:1,
b:2,
c:3,
d:4
};
// 獲取obj中a與b的值
const {a,b} = obj;
// 也可以給他們?nèi)e名
const {a:A, b:B} = obj;
這個小技巧非常的方便，也是最基礎(chǔ)的使用方法
排除Object中不需要的鍵值
既然我們可以獲取到想要的對象鍵值，那么也可以排除掉不想要的鍵值，使用方法就要用到ES6的rest新特性
const obj = {
a:1,
b:2,
c:3,
d:4
}
// 我們想要獲取除了a之外的所有屬性
const {a, ...other} = obj
我們只要指定那些排除掉的屬性，剩下的就是需要的屬性，這樣可以非?？焖俚呐懦恍枰膶傩?br />
對象快速求和
有時候我們需要對一組對象數(shù)組中的某一個屬性求總和，以前我們可以使用forEach或者for這樣的循環(huán)遍歷的方法來計算，現(xiàn)在我們可以使用reduce方法來快速實現(xiàn)
const objs = [
{name:'lilei', score: 98},
{name:'hanmeimei', score: 95},
{name:'polo', score: 85},
...
]
const scoreTotal = objs.reduce( (total, obj) => {
return obj.score + total;
}, 0 /*第二個參數(shù)是total的初始值*/)
使用reduce就能快速的實現(xiàn)對某一個屬性的總和計算
map也能異步遍歷
是不是覺得只有for能夠進(jìn)行異步操作不方便，其實map也能進(jìn)行異步操作，不過需要結(jié)合Promise的新方法一起使用
const arr = [1,2,3,4,...]
const queue = arr.map(async item => {
return item + 1;
})
Promise.all(queue).then(newArr => console.log(newArr))
這樣一來我們在map中也能使用異步操作了
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對腳本之家的支持。
相關(guān)文章
上回說到，操作Object Array2010-05-05
能說明你的Javascript技術(shù)很爛的五個原因分析
Javascript在互聯(lián)網(wǎng)上名聲很臭，但你又很難再找到一個像它這樣如此動態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語言2011-10-10
JavaScript 設(shè)計模式 富有表現(xiàn)力的Javascript（一）
javascript設(shè)計模式是圖靈出版，學(xué)習(xí)中力求每個章節(jié)都細(xì)看。2010-05-05
Jquery實現(xiàn)的tab效果可以指定默認(rèn)顯示第幾頁
tab效果想必大家在網(wǎng)上都有見過很多吧，在本文將為大家介紹下如何實現(xiàn)可以在代碼里面指定默認(rèn)顯示第幾頁的tab效果，感興趣的朋友不要錯過2013-10-10
這篇文章主要介紹了淺談微信小程序之官方UI框架we-ui使用教程，WeUI 是一套同微信原生視覺體驗一致的基礎(chǔ)樣式庫，由微信官方設(shè)計團(tuán)隊為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計，感興趣的小伙伴們可以參考一下2018-08-08
Flexigrid在IE下不顯示數(shù)據(jù)的處理的解決方法
Flexigrid在IE下不顯示數(shù)據(jù)的情況，想必大家都有遇到過吧，下面有個不錯的解決方法，感興趣的朋友可以參考下2013-10-10
這篇文章主要給大家介紹了關(guān)于微信小程序里長按識別二維碼的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
chrome瀏覽器不支持onmouseleave事件的解決技巧
發(fā)現(xiàn)給div加的 onmouseleave事件在chrome 中不起效果，下面與大家分享下具體的解決方法,不會的朋友可以了解下哈，希望對大家有所幫助2013-05-05
這篇文章主要介紹了解決javascript 全局變量失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2016-04-04
這篇文章主要介紹了js的Object.assign用法,結(jié)合實例形式分析了js Object.assign基本功能、原理、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2020-03-03