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 相关文章推荐
有关DOM元素与事件的3个谜题
Nov 11 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 Javascript
将查询条件的input、select清空
Jan 14 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
判断数组是否包含某个元素的js函数实现方法
May 19 Javascript
jQuery通过deferred对象管理ajax异步
May 20 Javascript
jQuery插件扩展操作入门示例
Jan 16 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
Jul 24 Javascript
AngularJS 前台分页实现的示例代码
Jun 07 Javascript
js实现文件上传功能 后台使用MultipartFile
Sep 08 Javascript
react-router-dom 嵌套路由的实现
May 02 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
ThinkPHP中I(),U(),$this-&gt;post()等函数用法
2014/11/22 PHP
Laravel 5框架学习之模型、控制器、视图基础流程
2015/04/08 PHP
JS面向对象编程之对象使用分析
2010/08/19 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
2013/04/23 Javascript
一个封装js代码-----展开收起效果示例
2013/07/03 Javascript
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
JS中数组重排序方法
2016/11/11 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
2018/09/26 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
vue项目中锚点定位替代方式
2019/11/13 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
在Python中使用列表生成式的教程
2015/04/27 Python
python调用OpenCV实现人脸识别功能
2018/05/25 Python
使用Python来开发微信功能
2018/06/13 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
pyspark 随机森林的实现
2020/04/24 Python
DataFrame.groupby()所见的各种用法详解
2020/06/14 Python
关于Python字符编码与二进制不得不说的一些事
2020/10/04 Python
美国滑板店:Tactics
2020/11/08 全球购物
得到Class的三个过程是什么
2012/08/10 面试题
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
英文自荐信
2013/12/15 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
2015年少先队活动总结
2015/03/25 职场文书
银行稽核岗位职责
2015/04/13 职场文书
创业计划书之餐饮馄饨店
2019/07/18 职场文书