es6之陣列方法

一丶類陣列

const divs = document.

getelementsbytagname
('div'
)console.
log(divs)
//htmlcollection
console.
log(divs instanceof
array
)//false

const arr = array.prototype.slice.

call
(divs)
console.
log(arr)
// console.
log(arr instanceof
array
)// true

const arr = array.

from
(divs)
console.
log(arr)
// console.
log(arr instanceof
array
)// true

1.先介紹用new方法建立資料的方式

const arr =

newarray(1
,2,3
)console.
log(arr)
//[1, 2, 3]
const arr1 =
newarray(3
)console.
log(arr1)
//[empty × 3] 這裡生成乙個長度為3的空陣列

const arr = array.of(

1,2,
3)console.
log(arr)
const arr1 = array.of(
3)console.
log(arr1)
const arr2 = array.of(
1,'id'
,true,[
1,2]
,)console.
log(arr2)
//[1, "id", true, array(2), ]

fill()方法，該方法有三個引數：

fill(value, start, end)

value：想要替換的內容。

start：開始位置（陣列的下標），可以省略。

end：替換結束位置（陣列的下標），如果省略不寫就預設為陣列結束。

const arr =

newarray(3
).fill(5
)console.
log(arr)
//[5, 5, 5]
let arr1 =[1
,2,3
,4,5
]arr1 = arr1.
fill(0
)console.
log(arr1)
//[0,0,0,0,0]
let arr2 =[1
,2,3
,4,5
]arr2 = arr2.
fill(88
,1,3
)console.
log(arr2)
//[1, 88, 88, 4, 5]

const arr =[1

,2,3
]console.
log(arr.
indexof(2
))// 1 找到就輸出找到元素的下標，沒有找到的話則返回-1
console.
log(arr.
indexof(4
))// -1
const arr2 =[1
,2,3
,nan
]console.
log(arr2.
indexof
(nan))
// -1
console.
log(
nan==
nan)
//false
const arr3 =[1
,2,3
,nan
]console.
log(arr3.
includes(2
))//true
console.
log(arr3.
includes(4
))//false
console.
log(arr3.
includes
(nan))
//true

ES6陣列方法

類似字串的indexof 方法 1 stringobject.indexof searchvalue,fromindex 2 3 var data 2,5,7,3,5 4 console.log data.indexof 5,x 1 x 被忽略 5 console.log data.indexof ...

ES6陣列方法總結

關於陣列中foreach map filter reduce some every 的總結let array 1,2,3,4 array.foreach item,index,array foreach會遍歷陣列,沒有返回值,不允許在迴圈體內寫return,不會改變原來陣列的內容.let array...

ES6 陣列方法拓展

array.from方法用於將兩類物件轉為真正的陣列 類似陣列的物件 array like object 和可遍歷 iterable 的物件 包括es6新增的資料結構set和map 下面是乙個類似陣列的物件，array.from將它轉為真正的陣列。let arraylike es5的寫法 var a...