JavaScript遍历数组和对象的元素简单操作示例


Posted in Javascript onJuly 09, 2019

本文实例讲述了JavaScript遍历数组和对象的元素。分享给大家供大家参考,具体如下:

博主最近一直在学习JavaScript,今天给大家分享如何遍历JavaScript中的数组和对象的元素,这篇文章相当于做一篇小的笔记,希望能帮助到大家!

遍历数组

<script>
var arr = ['关羽','张飞','赵云','马超','黄忠'];//定义数组
//遍历数组
for(var i = 0;i<arr.length;i++){
  console.log(arr[i]);
}
</script>

运行结果:

JavaScript遍历数组和对象的元素简单操作示例

遍历对象

<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>

运行结果:

JavaScript遍历数组和对象的元素简单操作示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
javascript iframe内的函数调用实现方法
Jul 19 Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
Jan 29 Javascript
在javascript中对于DOM的加强
Apr 11 Javascript
JS对象转换为Jquery对象实现代码
Dec 29 Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 Javascript
JavaScript+html5 canvas制作色彩斑斓的正方形效果
Jan 27 Javascript
Javascript中关于Array.filter()的妙用详解
Dec 04 Javascript
tab栏切换原理
Mar 22 Javascript
微信小程序时间标签和时间范围的联动效果
Feb 15 Javascript
vue中使用mxgraph的方法实例代码详解
May 17 Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 Javascript
Vue实现简单的留言板
Oct 23 Javascript
JavaScript中BOM对象原理与用法分析
Jul 09 #Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 #jQuery
vue 组件中使用 transition 和 transition-group实现过渡动画
Jul 09 #Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 #Javascript
JavaScript中var的重要性实例分析
Jul 09 #Javascript
js图片无缝滚动插件使用详解
May 26 #Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 #Javascript
You might like
escape unescape的php下的实现方法
2007/04/27 PHP
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
通过php添加xml文档内容的方法
2015/01/23 PHP
php实现异步将远程链接上内容(图片或内容)写到本地的方法
2016/11/30 PHP
js锁屏解屏通过对$.ajax进行封装实现
2014/07/31 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
JS中跳出循环的示例代码
2017/09/14 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
vue初始化动画加载的实例
2018/09/01 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
2018/11/27 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
python实现探测socket和web服务示例
2014/03/28 Python
python检测远程udp端口是否打开的方法
2015/03/14 Python
Python字符串处理实例详解
2017/05/18 Python
Python学习小技巧之列表项的排序
2017/05/20 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
Python的互斥锁与信号量详解
2019/09/12 Python
使用CSS3实现input多选框自定义样式的方法示例
2019/07/19 HTML / CSS
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
Vans英国官方网站:美国南加州的原创极限运动潮牌
2017/01/20 全球购物
俄罗斯童装网上商店:BebaKids
2020/06/06 全球购物
计算机应用毕业生自荐信
2013/10/23 职场文书
铁路安全事故反思
2014/04/26 职场文书
党员公开承诺书内容
2014/05/20 职场文书
2015年化验室工作总结
2015/04/23 职场文书
高中家长意见怎么写
2015/06/03 职场文书
背起爸爸上学观后感
2015/06/08 职场文书
企业催款函范本
2015/06/24 职场文书
初级职称评定工作总结
2015/08/13 职场文书
《称赞》教学反思
2016/02/17 职场文书