JS/jQuery 遍历对象属性

最新推荐文章于 2025-10-24 20:12:53 发布

原创最新推荐文章于 2025-10-24 20:12:53 发布 · 3.2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #jquery #遍历对象属性 #遍历对象

JS/jQuery 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了使用JavaScript中的For/In循环及jQuery的each()方法来遍历对象属性的方法，并通过具体示例展示了如何操作。

Javascript For/In 循环：循环遍历对象的属性

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
  {
    txt=txt + person[x];
  }
结果：JohnDoe25

jQuery jQuery.each() 遍历对象属性

var arr = ["one", "two", "three", "four", "five"];
var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };

遍历数组

var text = "Array ";
jQuery.each(arr, function(i, val) {
	text = text + " #Index:" + i + ":" + val;
});
console.log(text);
//Array  #Index:0:one #Index:1:two #Index:2:three #Index:3:four #Index:4:five

遍历对象

text = "Object ";
jQuery.each(obj, function(i, val) {
	text = text + "Key:" + i + ", Value:" + val;
});
console.log(text);
//Object Key:one, Value:1Key:two, Value:2Key:three, Value:3Key:four, Value:4Key:five, Value:5