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

基本的 JavaScript 陣列方法

Mary-Kate Olsen
發布: 2024-11-08 20:14:02
原創
534 人瀏覽過

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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板