ES6的一些小技巧,代替lodash

Javascript ES6標準實行後,Lodash或者Ramada中的一些功能咱們就不須要了,能夠使用ES6的語法來實現javascript

獲取Object中指定鍵值

咱們如今能夠使用解包的方法快速獲取對象中指定鍵值的值java

const obj = {
    a:1,
    b:2,
    c:3,
    d:4
};

// 獲取obj中a與b的值
const {a,b} = obj;

// 也能夠給他們取別名
const {a:A, b:B} = obj;
複製代碼

這個小技巧很是的方便,也是最基礎的使用方法數組

排除Object中不須要的鍵值

既然咱們能夠獲取到想要的對象鍵值,那麼也能夠排除掉不想要的鍵值,使用方法就要用到ES6的rest新特性異步

const obj = {
    a:1,
    b:2,
    c:3,
    d:4
}

// 咱們想要獲取除了a以外的全部屬性
const {a, ...other} = obj
複製代碼

咱們只要指定那些排除掉的屬性,剩下的就是須要的屬性,這樣能夠很是快速的排除不須要的屬性async

對象快速求和

有時候咱們須要對一組對象數組中的某一個屬性求總和,之前咱們能夠使用forEach或者for這樣的循環遍歷的方法來計算,如今咱們能夠使用reduce方法來快速實現ui

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 /*第二個參數是total的初始值*/)
複製代碼

使用reduce就能快速的實現對某一個屬性的總和計算spa

map也能異步遍歷

是否是以爲只有for可以進行異步操做不方便,其實map也能進行異步操做,不過須要結合Promise的新方法一塊兒使用rest

const arr = [1,2,3,4,...]

const queue = arr.map(async item => {
    return item + 1;
})

Promise.all(queue).then(newArr => console.log(newArr))
複製代碼

這樣一來咱們在map中也能使用異步操做了code

相關文章
相關標籤/搜索