ES6箭頭函式與Arr陣列的擴充套件

2021-10-06 00:21:50 字數 2651 閱讀 3185

let arr =[12

,45,3

,84,76

] #原生js

// arr.sort(function(n1,n2))

#箭頭函式

arr.

sort

((n1,n2)

=>

)alert

(arr)

//3,12,45,76,84

1.如果有且只有乙個引數()也可以不寫
// function add(n)

function

show

(n,fn)

show(12

,n=>n+5)

//這裡的箭頭函式等於上邊的注釋函式

//17

2.如果有且只有乙個語句並且返回的是return的{}也可以不寫
arr.

sort

((n1,n2)

=>n1-n2)

3.修正this(固定)
function

show

(a,b,

...c)

show(1

,2,3

,4,5

,6,7

)//1 2 [3, 4, 5, 6, 7]

let arr1 =[1

,2,3

]function

show

(a,b,c)

show

(...arr1)

//把陣列展開到show函式裡

//6

let arr1 =[1

,2,3

]let arr2 =[4

,5,6

]let arr =

[...arr1,

...arr2]

//拼接陣列

alert

(arr)

//1,2,3,4,5,6

let json =

let json1 =

//把json資料拼接

console.

log(json1)

//

原生函式+三目運算子
let arr =[60

,24,70

]let arr1 = arr.

map(

function

(item)

else

return item>=60?

'及格'

:'不及格'

; #返回條件 item>=

60'返回'及格'否則返回'不及格

}) console.

log(arr1)

//["及格", "不及格", "及格"]

箭頭函式+三目運算子
let arr =[60

,24,70

]let arr1 = arr.

map(item=> item>=60?

'及格'

:'不及格'

) console.

log(arr1)

//["及格", "不及格", "及格"]

let arr =[1

,3,5

,7,6

]//1+3

//tmp+item

//4+5

//tmp+item

let result = arr.

reduce

(function

(tmp,item,index)

)alert

(result/arr.length)

//求平均

let arr =[68

,53,98

,65,83

]let arr2 = arr.

filter

(item=>item%2==

1?true

:false

)//item是行引數(用於比較,相當於等於這個物件)

console.

log(arr2)

//[53, 65, 83]

var aa =[,

,]var result = aa.

filter

(json => json.price >=20)

//json是行參(用於比較,相當於等於這個物件)

console.

log(result)

//title: "西瓜",price: 20

let arr =[1

,2,3

,4,5

,6] arr.

foreach

((item,index)

=>console.

log(`$

:是第$個`)

)//item代表當前這個數

1:是第0個

2:是第1個

3:是第2個

4:是第3個

5:是第4個

6:是第5個

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

es6 箭頭函式

1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...

ES6 箭頭函式

es6 中,箭頭函式就是函式的一種簡寫形式,使用括號包裹數,跟隨乙個 緊接著是函式體 var getprice function 箭頭函式 var getprice 9.15 箭頭函式不僅僅是讓 變得簡潔,函式中 this 總是繫結總shi 指向物件自身 function person 1000 使...