亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

在前端開發(fā)中，數(shù)組無疑是最常用的數(shù)據(jù)結(jié)構(gòu)之一。掌握好 JavaScript 提供的各種數(shù)組方法，能夠極大地提升我們處理數(shù)據(jù)的效率與代碼的可讀性。

無論是增刪改查、排序過濾，還是轉(zhuǎn)換映射，數(shù)組方法幾乎覆蓋了所有場(chǎng)景。

本文將系統(tǒng)梳理 25 個(gè)常用的 JavaScript 數(shù)組方法，配以簡(jiǎn)潔示例，幫助你快速上手并靈活運(yùn)用。

一、基本操作類

1. push()
向數(shù)組末尾添加一個(gè)或多個(gè)元素

let arr = [1, 2];arr.push(3); // [1, 2, 3]

2. pop()
刪除數(shù)組末尾的元素并返回它

let arr = [1, 2, 3];arr.pop(); // 3, arr: [1, 2]

3. shift()

刪除數(shù)組開頭的元素并返回它。

let arr = [1, 2, 3];arr.shift(); // 1, arr: [2, 3]

4. unshift()

向數(shù)組開頭添加一個(gè)或多個(gè)元素。

let arr = [2, 3];arr.unshift(1); // [1, 2, 3]

5.splice()

增刪改數(shù)組元素。

let arr = [1, 2, 3, 4];arr.splice(1, 2, 'a', 'b'); // [1, "a", "b", 4]

二、遍歷與映射類

6. forEach() 

對(duì)數(shù)組的每個(gè)元素執(zhí)行函數(shù)（無返回值）

[1, 2, 3].forEach(x => console.log(x));

7. map()

對(duì)每個(gè)元素執(zhí)行函數(shù)并返回新數(shù)組

let doubled = [1, 2, 3].map(x => x * 2); // [2, 4, 6]

8. filter()

篩選符合條件的元素

let evens = [1, 2, 3, 4].filter(x => x % 2 === 0); // [2, 4]

9. reduce()

累計(jì)器，歸并成單一值。

let sum = [1, 2, 3, 4].reduce((acc, cur) => acc + cur, 0); // 10

10. reduceRight()

從右往左執(zhí)行 reduce

let reversed = ['a', 'b', 'c'].reduceRight((acc, cur) => acc + cur); // 'cba'

三、查找與判斷類

11.find()

返回符合條件的第一個(gè)元素

let found = [1, 2, 3, 4].find(x => x > 2); // 3

12. findIndex()

返回符合條件的第一個(gè)元素索引。

let index = [1, 2, 3, 4].findIndex(x => x > 2); // 2

13. includes()

判斷數(shù)組是否包含某個(gè)值。

[1, 2, 3].includes(2); // true

14. indexOf()

返回某個(gè)值第一次出現(xiàn)的位置

[1, 2, 3, 2].indexOf(2); // 1

15. lastIndexOf()

返回某個(gè)值最后一次出現(xiàn)的位置

[1, 2, 3, 2].lastIndexOf(2); // 3

四、轉(zhuǎn)換類

16. join()

將數(shù)組轉(zhuǎn)換為字符串

[1, 2, 3].join('-'); // '1-2-3'

17. toString()

返回?cái)?shù)組的字符串表示

[1, 2, 3].toString(); // '1,2,3'

18. flat()

扁平化嵌套數(shù)組

[1, [2, [3]]].flat(2); // [1, 2, 3]

19. flatMap()

先映射再扁平一層

[1, 2, 3].flatMap(x => [x, x * 2]); // [1, 2, 2, 4, 3, 6]

五、排序與反轉(zhuǎn)類

20. sort()

對(duì)數(shù)組進(jìn)行排序（默認(rèn)按字符串排序）

[3, 1, 2].sort(); // [1, 2, 3]

21. reverse()

反轉(zhuǎn)數(shù)組順序

[1, 2, 3].reverse(); // [3, 2, 1]

六、數(shù)組構(gòu)造與判斷類

22. Array.isArray() 

判斷是否為數(shù)組

Array.isArray([1, 2, 3]); // true

23. Array.from() 

將類數(shù)組對(duì)象轉(zhuǎn)為數(shù)組

Array.from('hello'); // ['h', 'e', 'l', 'l', 'o']

24. Array.of()

操作前，請(qǐng)先驗(yàn)證。此方法可防止代碼本身出問題。

Array.of(1, 2, 3); // [1, 2, 3]

25. concat()

合并兩個(gè)或多個(gè)數(shù)組

[1, 2].concat([3, 4]); // [1, 2, 3, 4]

寫在最后

以上就是我今天想與你分享的 25 個(gè) JavaScript 中高頻使用的數(shù)組方法。熟悉它們不僅能讓你寫出更高效、更優(yōu)雅的代碼，也能在面試和實(shí)際項(xiàng)目中更游刃有余。