js简单遍历获取对象中的属性值的方法示例


Posted in Javascript onJune 19, 2019

本文实例讲述了js简单遍历获取对象中的属性值的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3water.com JS遍历json属性值</title>
</head>
<body>
<script>
//  js获取对象中的属性值
  var slideArray = { slides: [
    { "imgsrc": "a.jpg", "url": "", "alt": "这是a图片" },
    { "imgsrc": "b.jpg", "url": "", "alt" : "这是b图片" },
    { "imgsrc": "c.jpg", "url": "", "alt": "这是c图片" },
    { "imgsrc": "d.jpg", "url": "", "alt": "这是d图片" },
    { "imgsrc": "e.jpg", "url": "", "alt" : "这是e图片" }]
  };
  //通过以下的方法可以遍历js数组中对象的属性
  for(var i=0; i<slideArray.slides.length; i++) {
    console.log(slideArray.slides[i].imgsrc);
  }
</script>
</body>
</html>

运行结果:

js简单遍历获取对象中的属性值的方法示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
一个简单的javascript类定义例子
Sep 12 Javascript
Javascript 网页黑白效果实现代码(兼容IE/FF等)
Apr 23 Javascript
TBCompressor js代码压缩
Jan 05 Javascript
jquer之ajaxQueue简单实现代码
Sep 15 Javascript
解析js中获得父窗口链接getParent方法以及各种打开窗口的方法
Jun 19 Javascript
javascript的alert box在java中如何显示多行
May 18 Javascript
JavaScript原生对象之Number对象的属性和方法详解
Mar 13 Javascript
javascript多行字符串的简单实现方式
May 04 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
Feb 20 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 #Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 #Javascript
JavaScript箭头函数中的this详解
Jun 19 #Javascript
基于Node.js的大文件分片上传示例
Jun 19 #Javascript
详解在Angular4中使用ng2-baidu-map的方法
Jun 19 #Javascript
了解Javascript中函数作为对象的魅力
Jun 19 #Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 #Javascript
You might like
给初学PHP的5个入手程序
2006/11/23 PHP
php输入流php://input使用浅析
2014/09/02 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
Yii框架多语言站点配置方法分析【中文/英文切换站点】
2020/04/07 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
javascript字符串替换及字符串分割示例代码
2013/12/12 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
2013/12/30 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
js实现刷新iframe的方法汇总
2015/04/27 Javascript
jQuery动态添加
2016/04/07 Javascript
jQuery 特性操作详解及实例代码
2016/09/29 Javascript
js生成随机颜色方法代码分享(三种)
2016/12/29 Javascript
jquery——九宫格大转盘抽奖实例
2017/01/16 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
浅谈Vue数据响应
2018/11/05 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
layui的layedit富文本赋值方法
2019/09/18 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
浅谈Python中函数的参数传递
2016/06/21 Python
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
Python序列化基础知识(json/pickle)
2017/10/19 Python
Python实现简单的用户交互方法详解
2018/09/25 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
struct和class的区别
2015/11/20 面试题
商铺租赁意向书
2014/04/01 职场文书
学校校庆演讲稿
2014/05/22 职场文书
全运会口号
2014/06/20 职场文书
综合素质评价自我评价
2015/03/06 职场文书
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python
《Estab Life》4月6日播出 正式PV、主视觉图公开
2022/03/20 日漫