首頁 >web前端 >js教程 >基本的 JavaScript 陣列方法

基本的 JavaScript 陣列方法

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-08 20:14:02516瀏覽

ssential JavaScript Array Methods

JavaScript 陣列具有強大的單行程式碼,可以讓編碼更簡單、更清晰。以下是掌握一些關鍵數組方法的快速指南:

過濾數組: .filter() 建立一個新數組,其中包含通過測試的元素。

const oddNumbers = [1, 2, 3, 4, 5, 6].filter(num => num % 2 !== 0); // [1, 3, 5]

映射陣列: .map() 對每個元素套用一個函數。

const doubled = [1, 2, 3, 4, 5].map(num => num * 2); // [2, 4, 6, 8, 10]

減少陣列: .reduce() 處理所有元素以產生單一結果。

const sum = [1, 2, 3, 4, 5].reduce((total, num) => total + num, 0); // 15

*找出元素:*.find() 傳回第一個符合條件的元素。

const firstEven = [1, 2, 3, 4, 5].find(num => num % 2 === 0); // 2

檢查條件: .some() 和 .every() 檢查是否有任何或全部元素通過測試。

const hasEven = [1, 3, 5, 7, 8].some(num => num % 2 === 0); // true

展平數組: .flat() 將巢狀數組轉換為單層數組。

const flattened = [1, [2, 3], [4, [5, 6]]].flat(2); // [1, 2, 3, 4, 5, 6]

刪除重複項:使用 Set 刪除重複項。

const uniqueNumbers = [...new Set([1, 2, 2, 3, 4, 4, 5])]; // [1, 2, 3, 4, 5]

將陣列排序: .sort() 排列數字。

const sortedNumbers = [5, 2, 9, 1, 5, 6].sort((a, b) => a - b); // [1, 2, 5, 5, 6, 9]

這些單行程式碼可以顯著簡化您的程式碼。 要深入了解,請查看我的 JavaScript 備忘單以及更多內容

以上是基本的 JavaScript 陣列方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn