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支持带x身份证号码验证函数
Aug 10 Javascript
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
functional继承模式 摘自javascript:the good parts
Jun 20 Javascript
将文本输入框内容加入表中的js代码
Aug 18 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
关于延迟加载JavaScript
May 05 Javascript
bootstrap输入框组代码分享
Jun 07 Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 Javascript
vue2.0 资源文件assets和static的区别详解
Apr 08 Javascript
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
vue.js的简单自动求和计算实例
Nov 08 Javascript
详解Vue的sync修饰符
May 15 Vue.js
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
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
mysqli_set_charset和SET NAMES使用抉择及优劣分析
2013/01/13 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
JavaScript 继承的实现
2009/07/09 Javascript
jQuery知识点整理
2015/01/30 Javascript
JavaScript中的this关键字使用方法总结
2015/03/13 Javascript
jQuery中(function($){})(jQuery)详解
2015/07/15 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
js微信分享API
2020/10/11 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
2016/08/11 Javascript
JavaScript实战(原生range和自定义特效)简单实例
2016/08/21 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
布同 Python中文问题解决方法(总结了多位前人经验,初学者必看)
2011/03/13 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
python+opencv实现霍夫变换检测直线
2020/10/23 Python
pymongo中group by的操作方法教程
2019/03/22 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
Python通过getattr函数获取对象的属性值
2020/10/16 Python
几个CSS3的flex弹性盒模型布局的简单例子演示
2016/05/12 HTML / CSS
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
为什么Runtime.exec(“ls”)没有任何输出?
2014/10/03 面试题
房地产广告词大全
2014/03/19 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
2015最新民情日记范文
2015/06/26 职场文书
军训新闻稿范文
2015/07/17 职场文书
高中数学教学反思范文
2016/02/18 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书