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表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
Dec 17 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
Bootstrap项目实战之子栏目资讯内容
Apr 25 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
Dec 14 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
Apr 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版(2)
2006/10/09 PHP
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
使用Post提交时须将空格转换成加号的解释
2013/01/14 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
2015/08/03 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
2016/05/10 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
对angular2中的ngfor和ngif指令嵌套实例讲解
2018/09/12 Javascript
实例讲解React 组件
2020/07/07 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
Python中Iterator迭代器的使用杂谈
2016/06/20 Python
Python可变参数用法实例分析
2017/04/02 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
Request的中断和ErrorHandler实例解析
2018/02/12 Python
利用python如何处理nc数据详解
2018/05/23 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
解决python中 f.write写入中文出错的问题
2018/10/31 Python
基于python读取.mat文件并取出信息
2019/12/16 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
Selenium alert 弹窗处理的示例代码
2020/08/06 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
Expedia加拿大官方网站:加拿大最大的在线旅游提供商
2017/12/31 全球购物
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
音乐教学反思
2014/02/02 职场文书
办公室岗位职责
2015/02/04 职场文书
硕士学位申请报告
2015/05/15 职场文书
撤诉状格式范本
2015/05/19 职场文书
一条慢SQL语句引发的改造之路
2022/03/16 MySQL