JavaScript-如何遍历对象中的属性,for...in语句的使用

JS对象中存储的数据是无序的,通过 for 循环无法遍历,这时就可以使用 for...in 来进行遍历

for…in

for...in 语句可用于遍历对象属性或数组元素;循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

该语句只能循环遍历可枚举属性;像 Array和 Object 使用内置构造函数所创建的对象都会继承自Object.prototype 和 String.prototype 的不可枚举属性无法遍历

语法:

for (variable in object) {
	代码块;
}

参数:

  • variable 遍历的是对象时其值为对象中的属性名,遍历的是数组是其值为数组元素的索引值
  • object 被遍历的对象,可以是数组也可以是对象

遍历对象:

var obj = {
  name: "小洁",
  age: 18,
  sex: "女",
  // 对象中的方法
  intro: function(){
    console.log("我是" +obj.name+"今年" +obj.age+"岁");
  } // 最后一个键值对不加逗号(与数组很像)
};

// 遍历对象中的属性
for (key in obj) {
  // 打印属性名和对应的属性值
  console.log(key, obj[key])
}

JavaScript-如何遍历对象中的属性,for...in语句的使用_第1张图片
遍历数组:

var arr = [1, 3, 5, 7, 9]

for (key in arr) {
  // 遍历数组中的元素和元素对应的值
  console.log(key, arr[key])
}

JavaScript-如何遍历对象中的属性,for...in语句的使用_第2张图片

你可能感兴趣的:(JavaScript)