js 常用陣列方法

2021-10-01 23:27:15 字數 2023 閱讀 3929

陣列常用方法(都不改變原陣列)

1.

foreach

(function

(item,index,array)

) 遍歷陣列

var arr =[1

,2,3

,4,5

,6];

arr.

foreach

(function

(item,index)

)//1:0:1,2,3,4,5,6

//2:1:1,2,3,4,5,6

//3:2:1,2,3,4,5,6

//4:3:1,2,3,4,5,6

//5:4:1,2,3,4,5,6

//5:4:1,2,3,4,5,6

//複製陣列

function

fncopyarr

(arr)

)return list;}2.

map(

function

(item,index,array)

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

var arr =[1

,2,3

,4,5

,6];

var list = arr.

map(

function

(item));

console.

log(list)

;//[ 6, 7, 8, 9, 10, 11]

//複製陣列

function

fncopyarr

(arr)

)return list;}3.

reduce

(function

(prev,next,index,array)

) 歸併

注:將prev與next中的值進行運算後,再次賦值給prev。

var arr =[1

,2,3

,4,5

,6];

var sum = arr.

reduce

(function

(prev,next));

console.

log(sum)

;//21

4.filter

(function

(item,index,array)

) 過濾,返回陣列

let peoplearr =

this

.drawarr.

filter

((item)

=> item.type ===

'peopleimg');

var arr =[1

,2,3

,4,5

,6];

var list = arr.

filter

(function

(item));

console.

log(list)

;//[ 4, 5, 6 ]

var arr =[1

,2,3

,0,5

,6];

var list = arr.

filter

(function

(item));

console.

log(list)

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

5.indexof

(元素,開始下標) : 返回元素第一次出來的下標位置,如果沒有找到,返回-1;

var arr =[1

,2,3

,2,5

,2,6

];console.

log(arr.

indexof(2

,6))

;//-1

console.

log(arr.

indexof(2

));//1

6.lastindexof

(元素,開始下標) 返回元素從右向左第一次出現的下標位置,如果沒有找到,返回-

1;

記錄JS常用陣列方法

1.給陣列新增元素push 方法,在陣列末尾新增,返回新陣列 var arr 1,2,3 arr.push 4,2 console.log arr 結果是 1,2,3,4,2 2.給陣列移除元素pop 方法,不需要傳引數,返回新陣列 var arr 1,2,3 arr.pop console.log...

js常用的陣列方法

1.1 空陣列 var obj new array 1.2 指定長度陣列 var obj new array size 1.3 指定元素陣列 var obj new array 元素1,元素2,元素n 1.4 單維陣列 var obj 元素1,元素2,元素3,元素n 1.5 多維陣列 var a n...

js 常用陣列方法歸納

js 陣列常用方法 1.slice 擷取複製陣列指定位置的內容 slice 開始位置,結束位置 第二個引數不寫預設到尾部,只能從前往後擷取 返回的值為擷取到的內容形成乙個新陣列。let copyarr arr.slice slice 或者slice 0 都可以複製陣列 let arr 1 2,3 4...