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

總結javascript中遍歷數組的幾種方法

青灯夜游
發布: 2020-07-29 16:58:21
轉載
3021 人瀏覽過

本篇文章為大家總結了一些javascript遍歷陣列的幾種方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

總結javascript中遍歷數組的幾種方法

有幾種方法可以遍歷數組,下面將逐一羅列!

while迴圈

let index = 0;
const array = [1, 2, 3, 4, 5];

while (index < array.length) {
    console.log(array[index]);
    index++;
}
登入後複製

總結javascript中遍歷數組的幾種方法

for迴圈

const array = [1,2,3,4,5];
for(let index=0;index<array.length;index++){
    console.log(array[index]);
}
for(let index in array){
    console.log(array[index]);
}
登入後複製

總結javascript中遍歷數組的幾種方法

##forEach

const array=[1,2,3,4,5];
array.forEach(function(current_value,index,array){
    console.log(`At index ${index} in array ${array} the value is ${current_value}`)
})
登入後複製

總結javascript中遍歷數組的幾種方法

map

最後一個建構很有用,但是不會傳回新數組,這對於你的特定情況可能是不希望的。 map透過對每個元素應用一個函數然後傳回新陣列來解決此問題。

const array = [1,2,3,4,5];
const square = x =>Math.pow(x,2);
const squares = array.map(square);
console.log(`${array}`);
console.log(`${squares}`)
登入後複製

總結javascript中遍歷數組的幾種方法

reduce

reduce()方法對累加器和陣列中的每個元素(從左到右)套用函數,以將其減小為單一值

const array = [1,2,3,4,5];
const sum = (x,y) => x + y;

const array_sum = array.reduce(sum,0);
console.log(`the sum of arrray:${array} is ${array_sum}`);
登入後複製

總結javascript中遍歷數組的幾種方法

filter

#根據布林函數過濾篩選數組中的元素

const array = [1,2,3,4,5];
const even = x => x%2 === 0;
const even_array = array.filter(even);
console.log(`even numbers in array ${array} : ${even_array}`);
登入後複製

總結javascript中遍歷數組的幾種方法

總結javascript中遍歷數組的幾種方法

總結javascript中遍歷數組的幾種方法


#################### ###every######得到了一個數組,想測試每個元素是否滿足給定條件###
const array = [1,2,3,4,5,8];
const under_six = x => x<6;
if(array.every(under_six)){
    console.log(`every elemnet in the array is less than 6`);
}
else{
    console.log(`at least one element in the array was bigger than 6`);
}
登入後複製
############some######測試是否至少有一個元素與布林函數匹配###
const array = [2,4,5,6,8];
const over_five = x => x>5;

if(array.some(over_five)){
    console.log(`at least one element bigger than 5 was found`);
}
else{
    console.log(`no element bigger than 5 was found`);
}
登入後複製
############到此就結束啦,如果還有其他的歡迎補充! ######相關教學推薦:###JavaScript影片教學##########

以上是總結javascript中遍歷數組的幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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