陣列方法總結

陣列方法：

foreach

mapfilter

some

every

indexof

lastindexof

reduce

reduceright

splice

join

sort

reverse

push

popunshift

shift

concat

1. foreach

foreach是array中最基本的乙個，就是遍歷，迴圈。

foreach(value, index, array) value當前值， index當前索引， array當前陣列

[1,2,3,4,5,6].foreach((value,index, array) =>)
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 ]
6 5 [ 1, 2, 3, 4, 5, 6 ]

3. map

這裡的map是對映的意思，用法跟foreach類似，map() 方法返回乙個新陣列，而且map() 不會改變原始陣列，也是原陣列被對映成對應的新陣列

[1,2,3,4,5,6].map((value,index, array) =>)
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 ]
6 5 [ 1, 2, 3, 4, 5, 6 ]

if(typeof array.prototype.map !== undefined) 
}return arr
}}

3. filter

filter是過濾，指定filter後，返回過濾後的陣列，用法跟map很相似,返回新陣列，filter()不會改變原始陣列。array.filter(callback,[thisobject])

function farr(afa) 
console.log([1,2,3,4,5,6].filter(farr)) // [6]

4. some

指某些項符合條件，some有一項符合返回true

function farr(afa) 
console.log([1,2,3,4,5,6].some(farr)) // true

5. every

指某些項符合條件，every每一項都符合返回true

function farr(afa) 
console.log([1,2,3,4,5,6].every(farr)) // false

6. indexof

方法返回陣列的第乙個符合條件的索引

console.log([1,5,2,3,4,5,6].indexof(5)) // 1

7. lastindexof

用於返回陣列的第乙個符合條件的索引，是從尾部開始

8. reduce

reduce.function(previous, current, index, array)

求最大值
var reducemaxnumber = [10,1,2,3,4,5,6].reduce(function (prev, cur) );
console.log(reducemaxnumber) // 10
陣列去重
var newarr = arr.reduce(function (prev, cur) ,);

reduce的好文章，強烈建議閱讀

9. reduceright

reduceright()方法的功能和 reduce() 功能是一樣的，不同的是 reduceright() 從陣列的末尾向前將陣列中的陣列項做累加。

10. splice

splice直接對原陣列進行修改，刪除，新增.返回被刪除的元素

console.log([1,2,3,4,5,6,7].splice(0, 2)); // 1 2
var aaa = [1,2,3,4,5,6,6]
aaa.splice(2,0,'123') // 
console.log(aaa) // [1, 2, '123', 3, 4, 5, 6, 6]

11. join

join方法也可將所有陣列元素結合為乙個字串

console.log([1,2,3,4,5,6].join('')); // 123456

12. sort

sort排序改變原陣列

let sortrise =  [5,2,4,51,63,12,54,6,32,21].sort((a,b) => ) // 公升序
let sortdown = [5,2,4,51,63,12,54,6,32,21].sort((a,b) => ) // 降序

13. reverse

改變原陣列，倒序

14. push

用於在陣列尾部新增乙個或多個元素

15. pop

用於刪除並返回陣列的最後乙個元素改變原陣列

16. unshift

用於陣列的開頭新增乙個或更多元素，並返回新的長度

17. shift

shift方法用於把陣列的第乙個元素從其中刪除，並返回第乙個元素的值

18. concat

用於連線兩個或多個陣列

let concat1 = [1,2,3,3]
let concat2 = [5,6,9,7,5]
console.log(concat1.concat(concat2)); // [1, 2, 3, 3, 5,6, 9, 7, 5]

陣列方法總結

js的裡面的陣列方法有很多，平時開發中常用的如foreach map filter等等，接下來是對陣列方法的一些使用和總結，方便日後查閱。var a 1,2,3,4 console.log a.join 1,2,3,4 console.log a.join 1234 console.log a.jo...

陣列方法總結

上週沒事的時候把自己對陣列方面的理解做了一下總結，知識點不深，方便以後的查閱。1.物件繼承方法物件繼承方法tostring tolocalstring valueof tostring 返回的結果是去掉陣列兩邊的 tolocalstring 和前者相同，而valueof 返回的則是陣列本身 var...

JS陣列方法總結

1 轉換方法 tostring 返回陣列的字串表示，每個值的字串表示拼接成乙個字串，中間以逗號隔開。tolocalestring valueof var colors red blue yellow console.log colors.tolocalestring red,blue,yellow ...

陣列方法總結

陣列方法總結

陣列方法總結

JS陣列方法總結

相關推薦