如何遍历一个JS对象中的所有属性

如何遍历一个JS对象中的所有属性,第1张

使用for...in可以遍历js对象属性,用法如下:

for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环 *** 作)。

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次 *** 作。

具体代码:

<script>

var obj = {a:1,b:2,c:3}

for(var s in obj)

alert(obj[s])

</script>

拓展资料:

“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

直接用js里面自带的for..in就可以实现了。

var o = {a:1,b:2,c:3,d:4}

for(var name in o){    console.log(name + ':' + o[name])}

这样就可以把o对象里面的所以属性都遍历一遍了。

具体代码如下所示:

1、<script>  //----------------for用来遍历数组对象;

2、 var i,myArr = [1,2,3]  for (var i = 0i <myArr.lengthi++) {    console.log(i+":"+myArr[i])  }

3、 //---------for-in 用来遍历非数组对象   var man ={hands:2,legs:2,heads:1}  //为所有的对象添加clone方法,即给内置原型(object,Array,function)增加原型属性,该方法很强大,也很危险   if(typeof Object.prototype.clone ==="undefined"){    Object.prototype.clone = function(){}   } ;

4、  //   for(var i in man){    if (man.hasOwnProperty(i)) { //filter,只输出man的私有属性     console.log(i,":",man[i])   }  }  ;

5、//输出结果为print hands:2,legs:2,heads:1   for(var i in man) {//不使用过滤    console.log(i,":",man[i])  }   ;

6、 //输出结果为://hands : 2 index.html:20   //legs : 2 index.html:20   //heads : 1 index.html:20   //clone : function ;

7、for(var i in man) {    if(Object.prototype.hasOwnProperty.call(man,i)) { //过滤     console.log(i,":",man[i])   }   };

8、 //输出结果为print hands:2,legs:2,heads:1 </script>   。

javaScript遍历对象总结:

1、

2、


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11965975.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存