前言

由于工作和生活上的一些變化,最近寫文章的頻率有點(diǎn)下降了,實(shí)在不好意思,不過相信不久就會慢慢恢復(fù)過來,感謝大家一直以來的關(guān)注和支持。

本文主要給大家分享一下在編寫JavaScript代碼的時(shí)候存在的一些方法和技巧,雖然有時(shí)候條條大路都通向羅馬,但是也許總會有那么一條最短的路徑可走。希望通過以下幾點(diǎn)JavaScript技巧讓大家的代碼“化繁為簡,化簡為精”。

巧學(xué)巧用

1. new Set()

可能有人知道ES6中提供了新的數(shù)據(jù)結(jié)構(gòu) Set,但是能夠靈活運(yùn)用的人或許不多。利用Set數(shù)據(jù)結(jié)構(gòu)我們能夠輕松的去重一個(gè)數(shù)組,比如:

let arr = [1, 2, 2, 3];let set = new Set(arr);let newArr = Array.from(set); // Array.from方法可以將 Set 結(jié)構(gòu)轉(zhuǎn)為數(shù)組。console.log(newArr); // [1, 2, 3]

2. Object.assign()

Object.assign()也是ES6中提供的對象的擴(kuò)展方法,不過其只能拷貝一層,比如:

let obj1 = {a: 1};let obj2 = {b: 2};let obj3 = Object.assign({}, obj1, obj2);console.log(obj3); // {a: 1, b: 2}

3. map()

map方法用于遍歷數(shù)組,有返回值,可以對數(shù)組的每一項(xiàng)進(jìn)行操作并生成一個(gè)新的數(shù)組,有些時(shí)候可以代替for和forEach循環(huán),簡化代碼,比如:

let arr3 = [1, 2, 3, 4, 5];let newArr3 = arr3.map((e, i) => e * 10); // 給數(shù)組每一項(xiàng)乘以10console.log(newArr3); 
        
		

網(wǎng)友評論