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 相关文章推荐
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
javascript之更有效率的字符串替换
Aug 02 Javascript
JavaScript的单例模式 (singleton in Javascript)
Jun 11 Javascript
javascript日期对象格式化为字符串的实现方法
Jan 14 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
基于JavaScript实现添加到购物车效果附源码下载
Aug 22 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
js实现弹出框的拖拽效果实例代码详解
Apr 16 Javascript
javascript实现京东快递单号的查询效果
Nov 30 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新手上路(三)
2006/10/09 PHP
php的一个登录的类 [推荐]
2007/03/16 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
asp.net HttpHandler实现图片防盗链
2009/11/09 Javascript
Jquery选择器 $实现原理
2009/12/02 Javascript
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
2010/06/11 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
用jquery实现点击栏目背景色改变
2012/12/10 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
Angular.JS学习之依赖注入$injector详析
2016/10/20 Javascript
原生js开发的日历插件
2017/02/04 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
js中apply与call简单用法详解
2017/11/06 Javascript
详解如何在react中搭建d3力导向图
2018/01/12 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
js实现抽奖功能
2020/11/24 Javascript
Python获取远程文件大小的函数代码分享
2014/05/13 Python
Python中实现的RC4算法
2015/02/14 Python
Python实现微信小程序支付功能
2019/07/25 Python
Python Web程序搭建简单的Web服务器
2019/07/31 Python
python如何实现图片压缩
2020/09/11 Python
python 模拟登录B站的示例代码
2020/12/15 Python
python实现学生通讯录管理系统
2021/02/25 Python
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
哪些情况下不应该使用索引
2015/07/20 面试题
创业计划书的内容步骤和要领
2014/01/04 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
2021/04/07 HTML / CSS
Django给表单添加honeypot验证增加安全性
2021/05/06 Python
教你使用TensorFlow2识别验证码
2021/06/11 Python