<ul id="awiuy"></ul>

js數組遍歷總結

oujie 發布于2019-08-23 12:20 / 3348人閱讀

摘要：中的數組遍歷是項目中經常用到的，在這里將幾種方法做個對比。第一個參數為數組元素必選，第二個參數為數組元素索引值可選，第三個參數為數組本身可選循環中傳入要執行的回調函數，函數有三個參數。用于遍歷數組元素使用，，，用于循環對象屬性使用

js中的數組遍歷是項目中經常用到的，在這里將幾種方法做個對比。

for循環：使用評率最高，也是最基本的一種遍歷方式。

let arr = ["a","b","c","d","e"];
for (let i = 0, len = arr.length; i < len; i++) {
    console.log(i);       //  0 1 2 3 4
    console.log(arr[i]);  //a b c d e
}

forEach()循環：forEach中傳入要執行的回調函數，函數有三個參數。第一個參數為數組元素(必選)，第二個參數為數組元素索引值(可選)，第三個參數為數組本身(可選)

let arr = ["a","b","c","d","e"];
arr.forEach((item,index,arr)=> {
    console.log(item);   // a b c d e 
    console.log(index);  // 0 1 2 3 4
    console.log(arr);    // ["a","b","c","d","e"]
})

map循環： map()中傳入要執行的回調函數，函數有三個參數。第一個參數為數組元素(必選)，第二個參數為數組元素索引值(可選)，第三個參數為數組本身(可選)

var arr = [
    {name:"a",age:"18"},
    {name:"b",age:"19"},
    {name:"c",age:"20"}
];
arr.map(function(item,index) {
    if(item.name == "b") {
        console.log(index)  // 1
    }
})

for...in循環：for...in循環可用于循環對象和數組,推薦用于循環對象,可以用來遍歷json

let obj = {
    name: "王大錘",
    age: "18",
    weight: "70kg"
}
for(var key in obj) {
    console.log(key);       //  name age weight
    console.log(obj[key]);  //  王大錘 18 70kg
}
let arr = ["a","b","c","d","e"];
for(var key in arr) {
    console.log(key);  //  0 1 2 3 4 返回數組索引
    console.log(arr[key]) //  a b c d e
}

for...of循環：可循環數組和對象，推薦用于遍歷數組。

for...of提供了三個新方法：

key()是對鍵名的遍歷；

value()是對鍵值的遍歷；

entries()是對鍵值對的遍歷；

let arr = ["科大訊飛", "政法BG", "前端開發"];
for (let item of arr) {  
  console.log(item); //  科大訊飛  政法BG  前端開發
}
// 輸出數組索引
for (let item of arr.keys()) {  
  console.log(item);  // 0 1 2
}
// 輸出內容和索引
for (let [item, val] of arr.entries()) {  
  console.log(item + ":" + val); //  0:科大訊飛  1：政法BG  2：前端開發
}

總結：forEach、map、filter、reduce、every、some 都會有 break 和 continue 不生效的問題，因為是在function中，但function解決了閉包陷阱的問題；要使用 break、continue 可以使用 for、for...in、for...of、while。用于遍歷數組元素使用：for()，forEach()，map()，for...of 用于循環對象屬性使用：for...in

云服務器 GPU云服務器 js 遍歷數組查找 js遍歷標簽數組長度 js數組遍歷foreach js數組遍歷添加元素

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98332.html

JS 數組常用API方法和遍歷方法總結

摘要：數組語法功能遍歷數組，返回回調返回值組成的新數組，不改變原數組，不會對空數組進行檢測語法功能無法，可以用中來停止，不改變原數組語法功能過濾，返回過濾后的數組，不改變原數組，不會對空數組進行檢測語法功能有一項返回，則整體為，不改變原數組語法數組 (array) ES5 * map 語法：[].map(function(item, index, array) {return xxx})功...

TNFE 2019-08-23 16:51 評論0 收藏0
js數組去重方法總結

摘要：注方法可以返回某個指定字符串在字符串中首次出現的位置比如首次出現的位置是數組中的第一個，即下標為遍歷數組使用標識符去重聲明一個變量標識排序后遍歷過濾數組思路先給數組排序，這樣相同的項總是相鄰。假設我們有數組arr，并且聲明新數組hash用來存放去重后的元素： var arr = [23,44,5,2,23,5,1,7,8,7]; //包含重復元素 var hash= [];...

snowLu 2019-08-23 14:55 評論0 收藏0
數組的使用總結— (js基礎復習第2期)

摘要：前一個值，當前值，索引，數組對象產生新數組的迭代器方法類似，對數組的每個元素使用某個函數，并返回新數組和相似，傳入一個返回值為布爾類型的函數。 1. 前言數組真的是每天用了，但是有很多方法都是記不住，總是要百度查，很煩，所以才寫了個數組使用總結，有什么不對的希望大家指出來。 2. 思路先看看這些問題都記得很清楚么？創建數組，怎么創建數組的數組的構造方法Array有哪些方法？E...

zhigoo 2019-08-23 13:10 評論0 收藏0
jS:關于對象遍歷和數組遍歷的那些事

摘要：如圖遍歷數組遍歷數組元素并以某種方式處理每個元素是一個常見的操作。如圖不過，里的功能比較強大，可以遍歷而且返回值是的則被省略掉總結遍歷對象，遍歷出來的是鍵名，而不是鍵值，參數必須是對象。可能是由于職業的關系，下班之后完全不想Open PC，但很多知識點有必要自己做個小小總結。本人之前對原生Array和Object完全沒概念。遍歷對象的方法： Object.keys(Object)...

qingshanli1988 2019-08-20 18:16 評論0 收藏0