ES6常用的新陣列語法,實際應用

2021-10-03 11:10:08 字數 1805 閱讀 3566

一.every(value --當前索引的值, index --索引 )

依據判斷條件,陣列的元素是否全滿足,若滿足則返回ture,有乙個不滿足就返回false

let arr =[2,3,4,5,6,7]

let arr1 = arr.every( (value)=>value<8) 返回true

let arr2 = arr.every( (value)=>value<7) 返回false

二.some(value --當前索引的值, index --索引 )

依據判斷條件,陣列的元素是否有乙個滿足,若有乙個滿足則返回ture,全都不滿足就返回false

let arr =[2,3,4,5,6,7]

let arr1 = arr.some( (value)=>value>7) 返回false

let arr2 = arr.some( (value)=>value<7) 返回true

三.filter(value --當前索引的值, index --索引 )

過濾陣列,返回乙個滿足要求的陣列

let arr =[2,3,4,5,6,7]

let newarr = arr.filter( (item)=> item<5)

結果 newarr [2,3,4]

四.find

找到第乙個符合條件的陣列成員

let arr =[2,3,4,5,6,7]

let newarr = arr.find( (item)=>item>3)

結果 newarr [4]

五.findindex

找到第乙個符合條件的陣列成員的索引值

let arr =[2,3,4,5,6,7]

let newarr = arr.findindex( (item)=>item>5)

結果 newarr [4]

六.foreach(value --當前索引的值,index --索引,array --原陣列)

遍歷陣列,無return,對提供執行的函式,總是返回undefined

let arr =[2,3,4,5,6,7]

let newarr = arr.foreach( (item,index,arr)=>

七.includes

判斷數中是否包含給定的值

let arr =[2,3,4,5,6,7]

let newarr = arr.includes(2) 返回true

let newarr = arr.includes(10)返回false

八.map

遍歷陣列,返回乙個新陣列

let arr =[2,3,4,5,6,7]

let newarr = arr.map( (item)=>item*2)

結果 newarr [4,6,8,10,12,14]

九.reduce

累加器,陣列中的每個值(從左到右)合併,最終計算為乙個值,可用作購物車中計算,下面示例

.reduce( (pre,item)=>,0)

0是pre的值,通常定為0,必須寫

也可用作陣列去重

let arr =[2,3,4,5,6,7,7,2]

let newarr = arr.reduce( (pre,item) =>else,)

常用es6語法總結

一.let var,const var沒有塊級作用域,定義後在當前閉包中都可以訪問,如果變數名重複,就會覆蓋前面定義的變數,並且也有可能被其他人更改。for var i 0 i 3 i 0 結果會列印3次3,原因是var 沒有塊級作用域,而let有自己的塊級作用域,所以不會出現這種情況。使用 let...

ES6常用的新特性

let const let和const都是塊級作用域,定義的變數不會被變數提公升 不會產生在定義之前就使用的情況 let定義的變數只在 自己所在的 塊內有效,const定義的常量不能被修改。並且不允許被重複宣告。import匯入模組,export匯出模組。export 寫法一 export var ...

JS陣列常用操作 包含ES6語法

基礎api let arr push 加入陣列尾部 返回長度 arr.push a pop 從陣列尾部移除 arr.pop unshift 追加到陣列頭部 返回長度 arr.unshift b shift 從陣列頭部移除 arr.shift 陣列操作中間位置的元素 let arr 1,2,3,4 f...