且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

js:数组、对象序列的遍历迭代

更新时间:2022-09-06 16:08:58

列表的迭代

迭代数组Array对象

var data = ["dog", "pig", "cat"];

// 1、遍历下标索引
for (let index in data) {
    console.log(index + "->" + data[index]);
}
/**
0->dog
1->pig
2->cat
*/


// 2、遍历值
for (let value of data) {
    console.log(value);
}
/**
dog
pig
cat
*/

对象的迭代

var data = {
    name: "Tom",
    age: 23
};


// 1、遍历key
for(let key in data){
    console.log(key);
}
/**
name
age
*/


// 2、遍历对象键值对
for(let [key, value] of Object.entries(data)){
    console.log(key + "->" + value);
}
/**
name->Tom
age->23
*/


// 3、遍历对象键
for(let key of Object.keys(data)){
    console.log(key);
}
/**
name
age
*/


// 4、遍历对象值
for(let value of Object.values(data)){
    console.log(value);
}
/**
Tom
23
*/

参考:

  1. js 数组循环和迭代
  2. js遍历对象的方法