06 陣列的擴充套件

2021-10-24 14:23:52 字數 2743 閱讀 9589

1. res 引數和擴充套件運算子

2. array.from()與array()

3.陣列例項的 find() 和 findindex()

4.陣列例項的 fill()

5.陣列例項的 entries() keys() values()

6.陣列例項的 includes()

7.陣列例項的 flat() flatmap()

rest引數的形式為:…變數名;擴充套件運算子是三個點(…陣列)

rest引數

擴充套件運算子

1.res 引數

rest引數用於獲取函式的多餘引數,這樣就不需要使用arguments物件了。rest引數搭配的變數是乙個陣列,該變數將多餘的引數放入陣列中。

function

add(

...values)

return sum

}console.

log(

add(1,

2,3)

)//6

1.rest引數搭配的變數是乙個陣列,即…values的values是乙個陣列。

2.add(1,2,3)呼叫時,吧引數1,2,3放入了values陣列。

3.總結一下:即把引數傳入陣列。

2.擴充套件運算子 擴充套件運算子可以看做是 rest 引數的逆運算,將乙個陣列轉為用逗號分隔的引數序列。

console.

log(

...[1,

2,3]

)// 1 2 3

把陣列[1,2,3]擴充套件為1 2 3

function

add(x,y)

var numbers =[4

,38]console.

log(

add(

...numbers)

)//42

把陣列numbers擴充套件為4 38

var arr1 =[0

,1,2

]var arr2 =[3

,4,5

]arr1.

push

(...arr2)

//把arr2擴充套件為引數push進陣列arr1

console.

log(arr1)

// [0,1,2,3,4,5]

es6前的把其他型別轉為陣列物件時,使用的是array()

var a =

array

('hello'

)a // ["hello"]

a instanceof

array

// true

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

array.

from

('hello'

)// ["h", "e", "l", "l", "o"]

作用:找出某個符合條件的陣列成員

[1,

4,-5

].find

((n)

=> n<0)

// -5

console.

log([1

,5,10

,15].

findindex

(function

(value, index, arr)))

// 2

作用:填充陣列

console.

log(

['a'

,'b'

,'c'].

fill(7

))console.

log(

['a'

,'b'

,'c'].

fill(7

,1,2

))

fill(value,[start],[end])。

for

(let index of

['a'

,'b'].

keys()

)for

(let index of

['a'

,'b'].

entries()

)for

(let index of

['a'

,'b'].

values()

)

作用:

判斷陣列是否包含 給定的值,第二個引數表示查詢起點

[1,

2,3]

.includes(2

)// true[1

,2,3

].includes(2

,-1)

//false[1

,2,3

].includes(2

,-2)

// true

在這個方法之前,我們一直用的是indexof(),字串例項也有這個方法。

[1,

2,3]

.indexof(1

)// 0

'abc'

.indexof

('c'

)// 2

陣列的擴充套件

陣列的擴充套件 es5 的寫法 function f x,y,z var args 0 1,2 f.null args es6的寫法 function f x,y,z let args 0 1,2 f args array.from方法用於將兩類物件轉為真正的陣列 類似陣列的物件 array lik...

陣列的擴充套件

1.array.from 將類陣列物件轉換為陣列,將iterator介面的類陣列轉換為真正的陣列 它也可以接收乙個 函式,對陣列裡面的每乙個元素進行遍歷 可以用該方法輸出 獲取的dom集的每乙個dom元素的某個屬性或者文字內容 好方法!2.array.of 將一組值轉換為陣列 3.copywithi...

陣列的擴充套件 陣列的空位

陣列的空位指,陣列的某一位置沒有任何值。比如,array建構函式返回的陣列都是空位 array 3 上面的陣列中array返回的是乙個具有三個空位的陣列 注意,空位不是undefined,乙個位置的值等於undefined,依然是有值的。空位是沒有任何值,in運算子可以說明這一點。0 in unde...