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 相关文章推荐
jquery 模式对话框终极版实现代码
Sep 28 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
jQuery及JS实现循环中暂停的方法
Feb 02 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
Aug 24 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
初步使用Node连接Mysql数据库
Mar 03 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
简单实现AngularJS轮播图效果
Apr 10 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 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
简单的php文件上传(实例)
2013/10/27 PHP
yii2 modal弹窗之ActiveForm ajax表单异步验证
2016/06/13 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
js离开或刷新页面检测(且兼容FF,IE,Chrome)
2014/03/05 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
Bootstrap精简教程
2015/11/27 Javascript
Boostrap实现的登录界面实例代码
2016/10/09 Javascript
JQuery 动态生成Table表格实例代码
2016/12/02 Javascript
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
2017/07/10 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
js实现指定时间倒计时效果
2019/08/26 Javascript
vue-父子组件和ref实例详解
2019/11/10 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
2020/05/10 Javascript
Element Cascader 级联选择器的使用示例
2020/07/27 Javascript
[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁
2018/04/04 DOTA
Python的函数的一些高阶特性
2015/04/27 Python
理解python正则表达式
2016/01/15 Python
python中异常报错处理方法汇总
2016/11/20 Python
Python3 selenium 实现QQ群接龙自动化功能
2020/04/17 Python
Python Http请求json解析库用法解析
2020/11/28 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
HTML5的新特性(1)
2016/03/03 HTML / CSS
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
估算杭州有多少软件工程师
2015/08/11 面试题
介绍一下Linux中的链接
2016/06/05 面试题
旅游市场营销方案
2014/03/09 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
生日祝酒词大全
2015/08/10 职场文书
大学生社区义工服务心得体会
2016/01/22 职场文书
《最后一头战象》教学反思
2016/02/16 职场文书
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android
python中pd.cut()与pd.qcut()的对比及示例
2022/06/16 Python