首頁 > web前端 > js教程 > 主體

每個開發人員都應該了解的基本 JavaScript 陣列方法

Mary-Kate Olsen
發布: 2024-11-08 22:13:02
原創
531 人瀏覽過

Essential JavaScript Array Methods Every Developer Should Know

方法 傳回值 範例 回傳類型 說明
地圖() 新數組 [1, 2, 3].map(x => x * 2) 新數組 [2, 4, 6] 透過將函數應用於陣列的每個元素來建立一個新陣列。
過濾器() 新數組 [1, 2, 3, 4].filter(x => x > 2) 新數組 [3, 4] 根據條件過濾元素並傳回一個新數組。
concat() 新數組 [1, 2].concat([3, 4]) 新數組 [1, 2, 3, 4] 新增多個陣列並傳回一個新陣列。
切片() 新數組 [1, 2, 3, 4].slice(1, 3) 新數組 [2, 3] 從指定索引複製一些元素並傳回一個新陣列。
加入() 字串 [1, 2, 3].join('-') 字串「1-2-3」 傳回對數組所有元素求和的字串。
反向() 新數組 [1, 2, 3].reverse() 新數組 [3, 2, 1] 反轉數組的元素並傳回一個新數組。
包括() 布林值 [1, 2, 3].includes(2) 正確 檢查陣列是否包含指定元素。
indexOf() 數字(索引) [1, 2, 3].indexOf(2) 1 傳回指定元素的第一個索引。
找() 第一個符合的元素 [1, 2, 3].find(x => x > 1) 2 傳回第一個符合元素。
findIndex() 數字(索引) [1, 2, 3].findIndex(x => x > 1) 1 傳回第一個符合元素的索引。
平() 新數組 [1, [2, 3], [4, 5]].flat() 新數組 [1, 2, 3, 4, 5] 連接數組內的巢狀數組並傳回一個新數組。
flatMap() 新數組 [1, 2].flatMap(x => [x, x * 2]) 新數組 [1, 2, 2, 4] 先實作map(),然後展平。
排序() 新數組 [3, 1, 2].sort() 新數組 [1, 2, 3] 將陣列的元素進行排序。
每個() 布林值 [1, 2, 3].every(x => x > 0) 正確 如果所有元素符合條件,則傳回 true,否則傳回 false。
一些() 布林值 [1, 2, 3].some(x => x > 2) 正確 如果一個或多個元素符合條件,則傳回 true。
減少() 單一值(如數字) [1, 2, 3].reduce((acc, x) => acc x, 0) 6 傳回組合數組所有元素的單一值。
reduceRight() 單一值(如數字) [1, 2, 3].reduceRight((acc, x) => acc x, 0) 6 類似reduce(),但從右到左工作。

মেথড রিটার্ন ভ্যালু উদাহরণ রিটার্নের ধরন ব্যাখ্যা
push() New length (number) [1, 2].push(3) New length 3 একটি এলিমেন্ট অ্যারে শেষে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
pop() Removed element [1, 2, 3].pop() Removed element 3 অ্যারের শেষ থেকে একটি এলিমেন্ট মুছে ফেলে।
shift() Removed element [1, 2, 3].shift() Removed element 1 অ্যারের প্রথম এলিমেন্ট মুছে ফেলে।
unshift() New length (number) [1, 2].unshift(0) New length 3 একটি এলিমেন্ট অ্যারের প্রথমে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
splice() Changed part (array) [1, 2, 3].splice(1, 1, 4) Changed array [2] একটি নির্দিষ্ট ইনডেক্স থেকে এলিমেন্ট মুছে ফেলে এবং ঐ জায়গায় নতুন এলিমেন্ট যোগ করে।
sort() Changed array [3, 1, 2].sort() Changed array [1, 2, 3] অ্যারের এলিমেন্টগুলো সাজিয়ে দেয়।
fill() Changed array [1, 2, 3].fill(0) Changed array [0, 0, 0] অ্যারের সমস্ত এলিমেন্টকে একটি নির্দিষ্ট মান দিয়ে পূর্ণ করে।
copyWithin() Changed array [1, 2, 3, 4].copyWithin(0, 2) Changed array [3, 4, 3, 4] অ্যারের একটি অংশকে অন্যত্র কপি করে।
reverse() Changed array [1, 2, 3].reverse() Changed array [3, 2, 1] অ্যারের এলিমেন্টগুলো উল্টে দেয়, তবে এটি মূল অ্যারে পরিবর্তন করে।

以上是每個開發人員都應該了解的基本 JavaScript 陣列方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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