JavaScript 中怎么實(shí)現(xiàn)數(shù)組遍歷

JavaScript 中怎么實(shí)現(xiàn)數(shù)組遍歷，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

map

map() 數(shù)組的每個(gè)元素都會(huì)調(diào)用回調(diào)函數(shù)，并將處理結(jié)果返回一個(gè)新數(shù)組。

const numbers = [1, 2, 3, 4]; const foo = number => number + 10; const newNumbers = numbers.map(foo); console.log(`新數(shù)組：${newNumbers}`); console.log(`舊數(shù)組：${numbers}`); /*  * 新數(shù)組：11,12,13,14  * 舊數(shù)組：1,2,3,4 */

every

every() 方法使用指定函數(shù)檢測(cè)數(shù)組中的所有元素是否滿足條件，元素全部滿足條件，方法返回 true ，有一個(gè)元素不滿足條件，方法返回 false  且其余元素不再檢測(cè)。

const numbers = [1,2,3,4]; const foo = num => num < 5;  if (numbers.every(foo)) {   console.log('數(shù)組中所有元素都小于 5'); // is ok } else {   console.log('數(shù)組中至少有一個(gè)元素大于 5'); }

some

some() 方法使用指定函數(shù)檢測(cè)數(shù)組中是否有元素滿足條件，有一個(gè)元素滿足條件，方法返回 true  且剩余的元素不會(huì)再執(zhí)行檢測(cè)，沒(méi)有滿足條件的元素，方法返回 false 。

const numbers = [1,2,3,4]; const foo = num => num > 3;  if (numbers.some(foo)) {   console.log('數(shù)組中至少有一個(gè)元素值大于 3'); // is ok  } else {   console.log('數(shù)組中沒(méi)有大于 3 的元素值'); }

filter

filter() 方法通過(guò)一個(gè)函數(shù)，篩選數(shù)組中的元素。用符合條件的元素創(chuàng)建一個(gè)新數(shù)組。

const numbers = [1,2,3,4]; const foo = number => number > 2; const newNumbers = numbers.filter(foo); console.log(`原始數(shù)組 [${numbers}] 中，滿足 > 2 的元素有 : ${newNumbers}`); // 原始數(shù)組 [1,2,3,4] 中，滿足 > 2 的元素有 : 3,4

reduce

reduce() 方法接收一個(gè)函數(shù)累加器，數(shù)組中的每個(gè)元素 (從左到右) 應(yīng)用于函數(shù)，最終計(jì)算出一個(gè)最終值。

const numbers = [1, 2, 3, 4]; const sum = (total, num) => total + num; const numbers_sum = numbers.reduce(sum, 0); // 將 0 作為 reduce 的初始值 console.log(`原始數(shù)組 '${numbers}' 的元素累加后，最終值是 ${numbers_sum}`); // 原始數(shù)組 [1,2,3,4] 的元素累加后，最終值是 10

reduceRight() 和 reduce() 使用方法一樣，區(qū)別是它從右到左將數(shù)組中的每個(gè)元素應(yīng)用于函數(shù)。

for

傳統(tǒng)的 for 循環(huán)遍歷數(shù)組很常用。

const numbers = [1, 2, 3, 4]; for (let index = 0; index < numbers.length; index++) {   console.log(numbers[index]); // 1 2 3 4 }

forEach

forEach() 將數(shù)組的每個(gè)元素傳入回調(diào)函數(shù)，且對(duì)空數(shù)組不會(huì)執(zhí)行回調(diào)函數(shù)。

const numbers = [1, 2, 3, 4]; numbers.forEach((number, index, numbers) => {   console.log(`下標(biāo) ${index} 在數(shù)組 ${numbers} 中的值是 ${number}`); }); /*  * 下標(biāo) 0 在數(shù)組 1,2,3,4 中的值是 1  * 下標(biāo) 1 在數(shù)組 1,2,3,4 中的值是 2  * 下標(biāo) 2 在數(shù)組 1,2,3,4 中的值是 3  * 下標(biāo) 3 在數(shù)組 1,2,3,4 中的值是 4 */

while

while 也可以遍歷數(shù)組，但很少用。

let index = 0; const numbers = [1,2,3,4]; while(index < numbers.length) {   console.log(numbers[index]);   index ++; } // 1 2 3 4

關(guān)于JavaScript 中怎么實(shí)現(xiàn)數(shù)組遍歷問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。