前端開發必備的15個JavaScript數組方法

前端開發必備的15個JavaScript數組方法

數組是所有用於存儲不同元素的語言中的特殊變量。JavaScript數組包含一些內置屬性,每個JavaScript開發人員都應該知道如何使用它們以及何時何地使用它們。
我們可以根據需要使用它們來添加,刪除,迭代或操作數據。每個開發人員都應該瞭解一些基本的JavaScript數組方法。

1、some()方法

此方法檢查數組至少有一個元素是否滿足參數函數檢查的條件。

    console.log([2, 5, 8, 1, 4].some(val=>val>5));  

輸出

 true 

2、reduce()方法

JavaScript中的數組reduce()方法用於將數組簡化爲單個值,併爲數組的每個值(從左到右)和返回值執行一個提供的函數。函數存儲在累加器中。

console.log([88, 50, 25, 10].reduce((t,n)=>t-n))

輸出

3

3、 map()方法

JavaScript中的map()方法通過在父數組中存在的每個元素上調用特定函數來創建數組。這是一種非變異方法。通常,map()方法用於遍歷數組並在數組的每個元素上調用函數。

console.log([4, 9, 16, 25].map((number)=>Math.sqrt(number)))

輸出

[2, 3, 4, 5]

4、every()方法

此方法檢查數組的所有元素是否滿足給定條件,該條件由作爲參數傳遞給它的函數提供。

console.log([4, 9, 16, 25].every(number=>number>55))

輸出

false

5、 flat()方法

此方法創建一個新數組,其中包含多個數組。基本上從包含多個數組的數組創建一個簡單數組。

console.log( [ [11, 89], [23, 7], 98 ].flat())

輸出

[11, 89, 23, 7, 98]

6、flatMap()方法

此方法用於將輸入數組元素展平爲新數組。此方法首先借助映射功能映射每個元素,然後將輸入數組元素展平爲新數組。

const myAwesomeArray = [[1], [2], [3], [4], [5]]

var geeks = myAwesomeArray.flatMap(arr => arr * 10) 
console.log(geeks); 

輸出

10、20、30、40、50

7、 filter()方法

此方法用於從給定數組創建一個新數組,該數組僅由給定數組中滿足參數函數設置條件的那些元素組成。

console.log([11, 89, 23, 7, 98].filter(val=>val<50&&val>12))

輸出

[23]

8、 findIndex()方法

此方法返回給定數組中滿足提供的測試功能的第一個元素的索引。否則返回-1。

console.log([ 10, 20, 30, 110, 60 ].findIndex(val=>val>25))

輸出

2

9、find()方法

此方法用於獲取滿足所提供條件的數組中第一個元素的值。它檢查數組的所有元素,以及第一個滿足條件的要打印的元素。

console.log([10,20,30,110,60].find(val=>val>25))

輸出

30

10、 fill()方法

此方法用於使用給定的靜態值填充數組。該值可以用於填充整個數組,也可以用於填充數組的一部分

console.log([10,20,30,110,60].fill(112));
console.log([112, 112, 30, 110, 60].fill(112,0,2));
console.log([10,20,30,110,60].fill(112,1,3));

輸出

[112, 112, 112, 112, 112]
[112, 112, 30, 110, 60]
[10, 112, 112, 110, 60]

11、 forEach()方法

該方法爲數組的每個元素調用一次提供的函數。提供的函數可以對給定數組的元素執行任何類型的操作。

[10,20,30,110,60].forEach(value=>console.log(value))

輸出

10
20
30
110
60

12、 sort()方法

此方法用於對數組進行排序。數組可以是任何類型,例如字符串,數字,字符等。

console.log([10,20,30,110,60].sort((a,b)=>a-b))

輸出

[10, 20, 30, 60, 110]

13、 concat()方法

此方法用於將兩個或多個數組合並在一起。此函數不會更改作爲參數傳遞的原始數組。

let num1 = [11, 12, 13],  
   	num2 = [14, 15, 16],  
    num3 = [17, 18, 19];
console.log(num1.concat(num2,num3))

輸出

[11, 12, 13, 14, 15, 16, 17, 18, 19]

14、 include()方法

此方法用於知道數組中是否存在特定元素,因此,它返回true或false,即,如果該元素存在,則返回true,否則返回false。

console.log(["張三","李四","王五"].includes('李四'))

輸出

true

15、reverse()方法

此方法用於數組的就地反轉。數組的第一個元素變爲最後一個元素,反之亦然。

console.log(["張三","李四","王五"].reverse())

輸出

["王五", "李四", "張三"]
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章