js中陣列常用方法總結

1. array.map()

此方法是將陣列中的每個元素呼叫乙個提供的函式，結果作為乙個新的陣列返回，並沒有改變原來的陣列。

let arr =[1

,2,3
,4,5
]let newarr = arr.
map(x => x*2)
//arr= [1, 2, 3, 4, 5] 原陣列保持不變
//newarr = [2, 4, 6, 8, 10] 返回新陣列

此方法是將陣列中的每個元素執行傳進提供的函式，沒有返回值，直接改變原陣列，注意和map方法區分。

let arr =[1

,2,3
,4,5
]num.
foreach
(x => x*2)
// arr = [2, 4, 6, 8, 10] 陣列改變,注意和map區分組

此方法是將所有元素進行判斷，將滿足條件的元素作為乙個新的陣列返回。

let arr =[1

,2,3
,4,5
]const isbigenough => value => value >=
3let newarr = arr.
filter
(isbigenough )
//newnum = [3, 4, 5] 滿足條件的元素返回為乙個新的陣列

此方法是將所有元素進行判斷返回乙個布林值，如果所有元素都滿足判斷條件，則返回true，否則為false。

let arr =[1

,2,3
,4,5
]const islessthan4 => value => value <
4const islessthan6 => value => value <
6arr.
every
(islessthan4 )
//false
arr.
every
(islessthan6 )
//true
//newnum = [3, 4, 5] 滿足條件的元素返回為乙個新的陣列

此方法是將所有元素進行判斷返回乙個布林值，如果存在元素都滿足判斷條件，則返回true，若所有元素都不滿足判斷條件，則返回false。

let arr=[1

,2,3
,4,5
]const islessthan4 => value => value <
4const islessthan6 => value => value >
6arr.
some
(islessthan4 )
//true
arr.
some
(islessthan6 )
//false 
//newnum = [3, 4, 5] 滿足條件的元素返回為乙個新的陣列

此方法是所有元素呼叫返回函式，返回值為最後結果,傳入的值必須是函式型別。

let arr =[1

,2,3
,4,5
]const
add=
(a, b)
=> a + b
let sum = arr.
reduce
(add)
//sum = 15 相當於累加的效果
//與之相對應的還有乙個 array.reduceright() 方法，區別是這個是從右向左操作的

此方法是在陣列的後面新增新加元素，此方法改變了陣列的長度。

此方法在陣列後面刪除最後乙個元素，並返回陣列，此方法改變了陣列的長度。

let arr =[1

,2,3
,4,5
]arr.
pop(
)console.
log(arr)
//[1, 2, 3, 4]
console.
log(arr.length)
//4

此方法在陣列後面刪除第乙個元素，並返回陣列，此方法改變了陣列的長度。

let arr =[1

,2,3
,4,5
]arr.
shift()
console.
log(arr)
//[2, 3, 4, 5]
console.
log(arr.length)
//4

此方法是將乙個或多個元素新增到陣列的開頭，並返回新陣列的長度。

let arr =[1

,2,3
,4,5
]arr.
unshift(6
,7)console.
log(arr)
//[6, 7, 2, 3, 4, 5]
console.
log(arr.length)
//7

判斷乙個物件是不是陣列，返回的是布林值。

此方法是乙個可以將多個陣列拼接成乙個陣列。

let arr1 =[1

,2,3
]let arr2 =[4
,5]let arr = arr1.
concat
(arr2)
console.
log(arr)
//[1, 2, 3, 4, 5]

此方法將陣列轉化為字串。

let arr =[1

,2,3
,4,5
];let str = arr.
tostring()
console.
log(str)
// 1,2,3,4,5

此方法也是將陣列轉化為字串。

let arr =[1

,2,3
,4,5
];let str1 = arr.
tostring()
let str2 = arr.
tostring
(','
)let str3 = arr.
tostring
('##'
)console.
log(str1)
// 12345
console.
log(str2)
// 1,2,3,4,5
console.
log(str3)
// 1##2##3##4##5

萬能方法，可以實現增刪改。

let arr =[1

,2,3
,4,5
];let arr1 = arr.
splice(2
,0'haha'
)let arr2 = arr.
splice(2
,3)let arr1 = arr.
splice(2
,1'haha'
)console.
log(arr1)
//[1, 2, 'haha', 3, 4, 5]新增乙個元素
console.
log(arr2)
//[1, 2] 刪除三個元素
console.
log(arr3)
//[1, 2, 'haha', 4, 5] 替換乙個元素

js中陣列常用方法總結

array.map 此方法是將陣列中的每個元素呼叫乙個提供的函式，結果作為乙個新的陣列返回，並沒有改變原來的陣列1 let arr 1,2,3,4,5 let newarr arr.map x x 2 arr 1,2,3,4,5 原陣列保持不變 newarr 2,4,6,8,10 返回新陣列 2 l...

js 中陣列的常用方法總結

arr.fill a 所有子元素 都改為 a array 8 fill 0 後面八個元素 全部用 代替 array 8 fill 0，5 後面5 個元素用 代替，其他是 undefined arr.every item item.age 20 如果陣列中所有元素的age 20 返回true，否則返回...

js 中陣列的常用方法總結

arr.fill a 所有子元素 都改為 a array 8 fill 0 後面八個元素 全部用 代替 array 8 fill 0，5 後面5 個元素用 代替，其他是 undefined arr.every item item.age 20 如果陣列中所有元素的age 20 返回true，否則返回...