ES6 陣列的擴充套件

2022-09-06 10:00:18 字數 1189 閱讀 7256

擴充套件運算子

擴充套件運算子...和rest功能相反,用來將乙個陣列轉換為用逗號分隔的引數序列

function add(x, y) 

const numbers = [4, 38];

add(...numbers) // 42

1、array.from()

array.from()方法可以將兩類物件轉化成真正的陣列

類陣列物件:常見的類陣列物件主要是dom操作返回的nodelist集合和函式內部的arguments物件

可遍歷物件:部署了iterator介面的資料結構

array.of()

array.of()方法用於將一組值,轉換成陣列;用來彌補array()不足

array.of(3, 11, 8) // [3,11,8]

array.of(3) // [3]

array.of(3).length // 1

array() // 

array(3) // [, , ,]

array(3, 11, 8) // [3, 11, 8]

只有當array擁有至少兩個引數時才會返回乙個陣列。

2、find()和findindex()

3、陣列的entries()、keys()、values()

這三種方法都是用於遍歷陣列,返回乙個遍歷物件,都可以使用for....of遍歷

4、陣列實列的includes()

array.prototype.includes()方法返回值是乙個布林值,用來表示某個陣列是否包含給定的值。和字串的includes()方法相似

indexof方法也可以實現但是存在缺陷:

[nan].indexof(nan)

// -1

[nan].includes(nan)

// true

Es6陣列擴充套件

示例 es5和es6的擴充套件運算子區別 let arr 1,2,3 function add a,b,c es5 es6 add arr 6 複製陣列 let arr 1,2,3 es5 let arr3 arr.concat 4 es6 let arr3 arr,4 console.log ar...

ES6陣列擴充套件

陣列建構函式的靜態方法。靜態方法 把函式當物件處理 key對應的value是函式 我們就說這個方法是靜態方法 否則就是靜態屬性 array.f 1 console.log array.f 靜態屬性 array.fn function array.fn 靜態方法array.from方法用於將兩類物件轉...

ES6 陣列的擴充套件

擴充套件運算子 spread 是三個點 它好比 rest 引數的逆運算,將乙個陣列轉為用逗號分隔的引數序列。console.log 1,2,3 console.log 1,2,3 console.log 1,2,3,4 5 轉殖陣列 const a1 1,2 寫法一 const a2 a1 寫法二 ...