JavaScript遍历数组和对象的元素简单操作示例
2019-07-09 10:08
1356 查看
本文实例讲述了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.jb51.net/code/HtmlJsRun测试上述代码运行效果。
PS:这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考:
在线JS常见遍历方式性能分析比较工具:http://tools.jb51.net/aideddesign/js_bianli
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JS实现数组简单去重及数组根据对象中的元素去重操作示例
- JavaScript中遍历数组和对象的元素
- javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)
- JavaScript基于遍历操作实现对象深拷贝功能示例
- JavaScript对JSON数组简单排序操作示例
- js中对象和数组的遍历和简单操作
- JavaScript基于对象方法实现数组去重及排序操作示例
- JavaScript数组Array对象增加和删除元素方法总结
- 全面总结Javascript对数组对象的各种操作
- JS实现根据数组对象的某一属性排序操作示例
- javascript、JQuery操作数组、Json对象、缓存
- JavaScript基于数组实现的栈与队列操作示例
- javascript获取鼠标点击元素对象(示例代码)
- JavaScript数组对象根据索引(index)删除元素
- java实现XML增加元素操作简单示例
- 在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。 $().each,对于这个方法,在
- 在Javascript操作JSON对象,增加 删除 修改的简单实现
- 在Javascript操作JSON对象,增加 删除 修改的简单实现
- Javascript splice() 对数组的操作(插入、删除、替换元素)
- JQuery 操作Javascript对象和数组的工具函数小结