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 相关文章推荐
js判断url是否有效的两种方法
Mar 04 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
Aug 01 Javascript
javascript伸缩型菜单实现代码
Nov 16 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
May 31 Javascript
简单实现Bootstrap标签页
Aug 09 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
React组件生命周期详解
Jul 03 Javascript
使用vue-cli webpack 快速搭建项目的代码
Nov 21 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
Node.js之readline模块的使用详解
Mar 25 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 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
文件上传类
2006/10/09 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
浅谈php调用python文件
2019/03/29 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
2007/05/30 Javascript
javascript RadioButtonList获取选中值
2009/04/09 Javascript
基于jquery的页面划词搜索JS
2010/09/14 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
事件绑定之小测试  onclick &amp;&amp; addEventListener
2011/07/31 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
2013/01/27 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
Juery解决tablesorter中文排序和字符范围的方法
2015/05/06 Javascript
学习JavaScript鼠标响应事件
2015/12/25 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
2017/03/27 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
微信小程序之数据双向绑定与数据操作
2017/05/12 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
详解angular2.x创建项目入门指令
2018/10/11 Javascript
js实现继承的方法及优缺点总结
2019/05/08 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
python中实现php的var_dump函数功能
2015/01/21 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
使用css3匹配手机屏幕横竖状态
2014/01/27 HTML / CSS
聚美优品的广告词
2014/03/14 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
文明单位汇报材料
2014/12/24 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
汤姆索亚历险记读书笔记
2015/06/29 职场文书
导游词之广西漓江
2019/11/02 职场文书
Python 用户输入和while循环的操作
2021/05/23 Python
Python pandas之求和运算和非空值个数统计
2021/08/07 Python