前端開發必備的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())
輸出
["王五", "李四", "張三"]