JavaScript 陣列方法：綜合指南

陣列是 javascript 中最基本的資料結構之一。使用陣列，您可以在單個變數中儲存多個值。 javascript 提供了許多內建方法來運算元組，使它們具有令人難以置信的通用性。在這篇文章中，我們將探討所有內建陣列方法以及如何在 javascript 專案中有效地使用它們。 核心方法 foreach()foreach() 方法允許您迭代陣列併為陣列中的每個元素執行一次提供的函式。這是迴圈陣列的簡單方法。const array = [1, 2, 3, 4, 5];array.foreach((element) => { console.log(element);});登入後複製 地圖（）map() 方法建立一個新陣列，其中填充了對陣列中每個元素呼叫所提供函式的結果。它通常用於轉換資料。const array = [1, 2, 3, 4, 5];const doubled = array.map((element) => element * 2);console.log(doubled); // [2, 4, 6, 8, 10]登入後複製 篩選（）filter() 方法建立一個新陣列，其中包含透過所提供函式實現的測試的所有元素。當您需要根據條件從陣列中過濾掉某些元素時，它非常有用。const array = [1, 2, 3, 4, 5];const evennumbers = array.filter((element) => element % 2 === 0);console.log(evennumbers); // [2, 4]登入後複製 減少（）reduce()方法對陣列的每個元素執行reducer函式，產生單個輸出值。它通常用於對值求和、累加總計或將陣列合併為單個值。const array = [1, 2, 3, 4, 5];const sum = array.reduce((accumulator, currentvalue) => accumulator + currentvalue, 0);console.log(sum); // 15登入後複製 尋找（）find() 方法返回陣列中滿足所提供的測試函式的第一個元素的值。它在找到第一個匹配項後停止。const array = [1, 2, 3, 4, 5];const found = array.find((element) => element > 3);console.log(found); // 4登入後複製 查詢索引()findindex() 方法返回陣列中滿足所提供的測試函式的第一個元素的索引。如果沒有元素滿足測試函式，則返回-1。const array = [1, 2, 3, 4, 5];const index = array.findindex((element) => element > 3);console.log(index); // 3登入後複製 種類（）sort() 方法對陣列的元素進行就地排序並返回排序後的陣列。它通常用於對字串和數字進行排序，但可能需要比較函式才能正確對數字進行排序。const array = [5, 3, 8, 1, 2];const sortedarray = array.sort((a, b) => a - b);console.log(sortedarray); // [1, 2, 3, 5, 8]登入後複製 撤銷（）reverse() 方法原地反轉陣列的元素。第一個陣列元素成為最後一個，最後一個成為第一個。const array = [1, 2, 3, 4, 5];const reversedarray = array.reverse();console.log(reversedarray); // [5, 4, 3, 2, 1]登入後複製 連線（）concat() 方法用於合併兩個或多個陣列。它返回一個新陣列，保持原始陣列不變。const array1 = [1, 2, 3];const array2 = [4, 5, 6];const concatenatedarray = array1.concat(array2);console.log(concatenatedarray); // [1, 2, 3, 4, 5, 6]登入後複製 片（）slice() 方法將陣列的一部分的淺複製返回到從頭到尾（不包括 end）選擇的新陣列物件中。const array = [1, 2, 3, 4, 5];const slicedarray = array.slice(1, 4);console.log(slicedarray); // [2, 3, 4]登入後複製 拼接（）splice() 方法透過刪除、替換或新增元素來更改陣列的內容。const array = [1, 2, 3, 4, 5];array.splice(2, 1, 6, 7);console.log(array); // [1, 2, 6, 7, 4, 5]登入後複製 推（）push() 方法將一個或多個元素新增到陣列末尾並返回陣列的新長度。const array = [1, 2, 3];array.push(4, 5);console.log(array); // [1, 2, 3, 4, 5]登入後複製 流行音樂（）pop() 方法從陣列中刪除最後一個元素並返回該元素。const array = [1, 2, 3, 4, 5];const lastelement = array.pop();console.log(lastelement); // 5console.log(array); // [1, 2, 3, 4]登入後複製 轉移（）shift() 方法從陣列中刪除第一個元素並返回該元素。const array = [1, 2, 3, 4, 5];const firstelement = array.shift();console.log(firstelement); // 1console.log(array); // [2, 3, 4, 5]登入後複製 取消移位（）unshift() 方法將一個或多個元素新增到陣列的開頭並返回陣列的新長度。const array = [2, 3, 4, 5];array.unshift(1);console.log(array); // [1, 2, 3, 4, 5]登入後複製 加入（）join() 方法透過連線陣列中的所有元素（用逗號或指定的分隔符字串分隔）來建立並返回一個新字串。const array = [1, 2, 3, 4, 5];const joinedstring = array.join('-');console.log(joinedstring); // "1-2-3-4-5"登入後複製 附加方法 每一個（）every() 方法測試陣列中的所有元素是否透過提供的測試函式。const array = [2, 4, 6, 8];const alleven = array.every((element) => element % 2 === 0);console.log(alleven); // true登入後複製 一些（）some() 方法測試陣列中至少一個元素是否透過提供的測試函式。const array = [1, 2, 3, 4, 5];const haseven = array.some((element) => element % 2 === 0);console.log(haseven); // true登入後複製 平坦的（）flat() 方法建立一個新陣列，其中所有子陣列元素遞迴地連線到其中，直到指定的深度。const array = [1, [2, [3, [4]]]];const flattenedarray = array.flat(2);console.log(flattenedarray); // [1, 2, 3, [4]]登入後複製 平面地圖()flatmap() 方法首先使用對映函式對映每個元素，然後將結果展平到一個新陣列中。它是map()和flat()的組合。const array = [1, 2, 3, 4];const flattened = array.flatmap((num) => [num, num * 2]);console.log(flattened); // [1, 2, 2, 4, 3, 6, 4, 8]登入後複製 充滿（）fill() 方法用靜態值填充陣列中從起始索引到結束索引的所有元素。const array = [1, 2, 3, 4, 5];array.fill(0, 2, 4);console.log(array); // [1, 2, 0, 0, 5]登入後複製 在（）內複製copywithin() 方法將陣列的一部分淺複製到同一陣列中的另一個位置，而不修改其長度。const array = [1, 2, 3, 4, 5];array.copywithin(0, 3, 5);console.log(array); // [4, 5, 3, 4, 5]登入後複製 包括()includes() 方法檢查陣列是否包含某個值。const array = [1, 2, 3, 4, 5];const hasthree = array.includes(3);console.log(hasthree); // true登入後複製 tostring()tostring() 方法將陣列轉換為字串，以逗號分隔。const array = [1, 2, 3, 4, 5];const arraystring = array.tostring();console.log(arraystring); // "1,2,3,4,5"登入後複製 索引()indexof() 方法返回在陣列中可以找到給定元素的第一個索引，如果不存在則返回 -1。const array = [1, 2, 3, 4, 5];const index = array.indexof(3);console.log(index); // 2登入後複製 最後索引()lastindexof() 方法返回在陣列中可以找到給定元素的最後一個索引，如果不存在則返回 -1。const array = [1, 2, 3, 4, 3, 5];const lastindex = array.lastindexof(3);console.log(lastindex); // 4登入後複製 從（）array.from() 方法從類似陣列或可迭代物件建立一個新的陣列例項。const array = array.from('hello');console.log(array); // ['h', 'e', 'l', 'l', 'o']登入後複製 isarray()array.isarray() 方法檢查傳遞的值是否是陣列。const array = [1, 2, 3, 4, 5];const notarray = { a: 1, b: 2 };console.log(array.isarray(array)); // trueconsole.log(array.isarray(notarray)); // false登入後複製 的（）array.of() 方法建立一個具有可變數量元素的新陣列例項。const array1 = Array.of(1, 2, 3);const array2 = Array.of('a', 'b', 'c');console.log(array1); // [1, 2, 3]console.log(array2); // ['a', 'b', 'c']登入後複製 結論javascript 陣列具有多種內建方法，可以進行強大的資料操作。瞭解這些方法將使您更有效地編寫乾淨簡潔的程式碼。花一些時間嘗試這些方法，看看它們如何改進您的程式碼。最初發布：javascript 陣列方法指南 以上就是JavaScript 陣列方法：綜合指南的詳細內容，更多請關注我的其它相關文章！