es6的一些技巧總結 1

2021-08-20 14:49:03 字數 2087 閱讀 5363

1、物件解構

(1)刪除不需要的屬性

let  = 

console.log(c)//

(2)獲取需要的屬性

let a = 

}const getattr(})=> b1:$}`)

}

(3)合併物件
let a = 

let b =

let merger =

2、set

(1)陣列去重

let arr = [1,1,2,2,3,3]

let afterarr = [...newset(arr)]

(2)並集(union),交集(intersect),差集(difference)

let a = new set([1,2,3])

let b = new set([4,3,2])

//並集

let union = new set([...a,...b])

//交集

let intersect = new set([...a].filter(x=>b.has(x)))

//差集

let intersect = new set([...a].filter(x=>!b.has(x)))

3、陣列

(1)數值交換

let a = 1

let b = 2

[a,b]=[b,a]

(2)return 多個結果

async function getback()

const [get1,get2] = getback()

function f(x,y,z)

const arr = [1,2,3]

//es5

//es6

f([...arr])

(4)陣列的合併

let arr1 = [1,2,3]

let arr2 = [4,5,6]

let mergearr = [...arr1,...arr2]

let mergearr = arr1.push[...arr2]

(5)字串轉陣列

[...'hello']

//['h','e','l','l','o']

(6)array.from()類陣列轉化為陣列(dom集合)

let p = document.queryselectorall('p');

array.from(p).foreach(p=>)

array.from([1,2,3],x=>x*x)//可接受處理函式

(7)array.of()將一組值轉化為陣列

array.of(1,2,3)==[1,2,3]

array.of(1,2,3).length = 3

(8)entries(),keys(),values()

for(let index of[1,2].keys())

//0,1

for(let value of[1,2].values())

//1,2

for(let [index,value] of[1,2].entries())

//0,1

//1,2

4、函式

(1)指定某乙個函式引數預設值不能省略

function throwifmissing()

function f(a=throwifmissing())

f()//error:missing paramter

5、標籤模板

function saferhtml(template)

return s

}let messgae = saferhtml`$

`

es6的一些技巧

1,強制要求引數 es6 有預設引數設定機制 允許在入參的括號裡給引數賦予預設值 防止函式在呼叫時沒有傳參 我們知道在js函式在入參的時候是入幾個都可以的 這就給了我們發揮的空間,我們來強制要求引數必須有 否則就報錯 const required const add a required b req...

總結 es6的一些語法

一 let關鍵字 1.作用 let與var相同,用於宣告乙個變數,2.特點 let在塊作用域內有效 不能重複宣告 不會預處理,不存在提公升 3.應用 迴圈遍歷加監聽 二 const 定義常量,不可以去修改 三 變數的解構賦值 let obj let obj 輸出結果koke 30 let arr 1...

es6的一些筆記

new set 用來去重陣列。let arr 1,2,2,3 let set new set arr let newarr array.from set console.log newarr 1,2,3 set類似於陣列,區別在於它所有的成員都是唯一的,不能有重複的值 展開運算子 合併陣列 let ...