es6中陣列新增的一些東西

2021-09-26 01:09:38 字數 1270 閱讀 4378

1.array.from()

作用:將兩類物件轉為真正的陣列:類似陣列的物件(array-like object)和可遍歷(iterable)的物件(包括 es6 新增的資料結構 set 和 map);

let json=

;// es5的寫法

var arr1 =

.slice

.call

(json)

;// ['a', 'b', 'c']

// es6的寫法

let arr2 = array.

from

(json)

;// ['a', 'b', 'c']

2.array.of()

作用:將一組值,轉換為陣列。

array.of(

3,11,

8)// [3,11,8]

array.of(

3)// [3]

array.of(

3).length // 1

3.array.find()

查詢找出第乙個符合條件的陣列成員,如果沒找到返回undefined

let arr =[1

,2,3

,4,5

]let res = arr.

find((

val,index,arr

)=>

)console.

log(res)

// 4

4.array.findindex()

查詢的是位置用法同array.find()

5.array.fill()

填充

接受三個引數:

填充的東西

開始位置

結束位置

let arr =[1

,2,3

,4,5

]let arr2 = arr.

fill(6

,3,4

)console.

log(arr2)

// [1, 2, 3, 6, 5]

6.array.includes()

查詢陣列中是否存在元素,返回值 true / false

前端高階精選:點此去

ES6新增的一些特性

1 let1 變數不允許被重複定義 2 沒有預解析沒有變數提公升 3 保留塊級作用域中i的 4 宣告的叫變數let num 100 2 const1 不允許重複宣告變數 2 沒有預解析沒有變數提公升 3 保留塊級作用域中i的 4 宣告的叫常量const num 1003 模板字串1 可以換行書寫 2...

ES6 陣列新增

window.onload function 作用 把類陣列 獲取一組陣列元素,arguments.物件轉成陣列 具備length這個東西,就靠譜 let arr 1,2,4 let arr2 array.from arr let json let arr array.from json 作用 把一...

ES6新增陣列的一些思考和使用

array.from 把乙個偽陣列轉換為乙個真正的陣列 偽陣列 有下標和length,但是不能使用陣列方法 let lis document.queryselectorall list li lis.map item is not a function 通過form 方法轉換之後就可以使用array...