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下判断Id是否存在的代码
Jan 06 Javascript
利用原生JavaScript获取元素样式只是获取而已
Oct 08 Javascript
jQuery实现ichat在线客服插件
Dec 29 Javascript
JS根据生日算年龄的方法
May 05 Javascript
Node.js事件驱动
Jun 18 Javascript
javascript 闭包详解及简单实例应用
Dec 31 Javascript
JS中的数组转变成JSON格式字符串的方法
May 09 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
Vue.js 利用v-for中的index值实现隔行变色
Aug 01 Javascript
微信小程序实现弹出层效果
May 26 Javascript
layui 弹出层值回传解决方式
Nov 14 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 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
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
php实现信用卡校验位算法THE LUHN MOD-10示例
2014/05/07 PHP
PHP SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
P3P Header解决Cookie跨域的问题
2013/03/12 Javascript
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
JSON格式的键盘编码对照表
2015/01/29 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
JavaScript基本语法学习教程
2016/01/14 Javascript
JS模仿腾讯图片站的图片翻页按钮效果完整实例
2016/06/21 Javascript
微信小程序 教程之引用
2016/10/18 Javascript
js实现带简单弹性运动的导航条
2017/02/22 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
html-webpack-plugin修改页面的title的方法
2020/06/18 Javascript
[03:01]2014DOTA2国际邀请赛 小组赛7月13日TOPPLAY
2014/07/14 DOTA
python多进程实现进程间通信实例
2017/11/24 Python
Python数据结构与算法之图的广度优先与深度优先搜索算法示例
2017/12/14 Python
python定时关机小脚本
2018/06/20 Python
对numpy中的transpose和swapaxes函数详解
2018/08/02 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
分享PyCharm的几个使用技巧
2019/11/10 Python
pytorch 求网络模型参数实例
2019/12/30 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
美国最大的团购网站:Groupon
2016/07/23 全球购物
新闻学毕业生自荐信
2013/11/15 职场文书
应届毕业生个人求职自荐信
2014/01/06 职场文书
《美丽的黄昏》教学反思
2014/02/28 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
平安建设工作方案
2014/06/02 职场文书
离婚协议书怎么写2014
2014/09/30 职场文书
2014酒店客房部工作总结
2014/12/16 职场文书
公司股份转让协议书范本
2015/01/28 职场文书
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL
怎么禁用Win11输入法 最新Win11输入法关闭教程
2022/08/05 数码科技