JavaScript遍历数组和对象的元素简单操作示例
更新时间：2019年07月09日 10:08:16 作者：webbc
这篇文章主要介绍了JavaScript遍历数组和对象的元素简单操作,结合实例形式分析了javascript数组与对象元素遍历相关操作技巧与注意事项,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
有时候我们想让用户在新窗口打开网站，因为默认当前窗口打开，很多情况下，用户并不喜欢2013-04-04
一个表格收缩展开的函数...2006-07-07
用原生JS写一个简单的表单验证功能，代码分为html部分和js部分，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下2017-03-03
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
这篇文章主要是对正则表达式中特殊符号及正则表达式的几种方法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了ES6中Symbol类型用法,结合实例形式分析了Symbol类型的功能、使用方法与相关注意事项,需要的朋友可以参考下2017-04-04
深入学习js函数的隐式参数 arguments 和 this
这篇文章主要介绍了 深入学习js函数的隐式参数 arguments 和 this，arguments是一个类数组结构，它保存了调用时传递给函数的所有实参；this是函数执行时的上下文对象, 这个对象有些让人感到困惑的行为。 下面分别对他们进行讨论。,需要的朋友可以参考下2019-06-06
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
这篇文章主要介绍了通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
JavaScript的Number对象的toString()方法
toString()方法可以把Number对象转换成字符串，并返回此字符串，本文给大家介绍JavaScript的Number对象的toString()方法，对javascript对象方法相关知识感兴趣的朋友一起学习吧2015-12-12
最近在写jquery的combobox插件时遇到效率问题，再加上jquery选择器的类帅选，导致效率很慢，采用以下方式二，可以轻松解决此问题2013-09-09
下面小编就为大家带来一篇JS字符串长度判断,超出进行自动截取的实例(支持中文)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
最新评论