又是一场大雪过后,天空像海一样蔚蓝,甚至比海更加晶莹剔透。千峰万岭,极目望去,尽是白色,闪耀着一片连接不断的银光。山顶积雪未融,如白银宫网。
本文实例讲述了JavaScript遍历数组和对象的元素。分享给大家供大家参考,具体如下:
博主最近一直在学习JavaScript,今天给大家分享如何遍历JavaScript中的数组和对象的元素,这篇文章相当于做一篇小的笔记,希望能帮助到大家!
遍历数组
<script> var arr = ['关羽','张飞','赵云','马超','黄忠'];//定义数组 //遍历数组 for(var i = 0;i<arr.length;i++){ console.log(arr[i]); } </script>
运行结果:
遍历对象
<script> var obj = {'name':'webbc','age':22,'area':'淮南'};//定义对象 //遍历对象元素 for(var k in obj){ console.log(k+':'+obj[k]);//注意这里应该使用obj[k]这种方式来遍历属性,如果使用obj.k,就会认为obj对象中有一个k属性 } </script>
运行结果:
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.haodaima.com/code/HtmlJsRun测试上述代码运行效果。
PS:这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考:
在线JS常见遍历方式性能分析比较工具:http://tools.haodaima.com/aideddesign/js_bianli
希望本文所述对大家JavaScript程序设计有所帮助。
本文JavaScript遍历数组和对象的元素简单操作示例到此结束。不曾扬帆,何以至远方。小编再次感谢大家对我们的支持!