json数据格式常见操作示例


Posted in Javascript onJune 13, 2019

本文实例讲述了json数据格式常见操作。分享给大家供大家参考,具体如下:

json数据格式

第一种,对象形式

<script>
//var json3={name:"longzhoufeng",age:123}//第一种方式
var json3={"name":"longzhoufeng","age":123}//推荐这种方式,加引号,安全性高一点,转换格式好一些
for( var attr in json3){
  //alert(attr)//name,age
  console.log(json3[attr])//longzhoufeng,123
}
</script>

运行结果:

json数据格式常见操作示例

第二种,数组形式

<script>
var arr=[{"name":"longzhoufeng","age":123},{"name":"minigui","age":25}]
var parn=arr[0].name+"今年多少岁"+arr[1].age
console.log(parn)
</script>

运行结果:

json数据格式常见操作示例

对象里包数组

<script>
//对象里包数组
var json4={
  "url":["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg"],
  "text":["aaaa","bbbb","cccc","dddd"]
}
for(var att in json4){
  console.log(json4[att])
  for(var i=0;i<json4[att].length;i++){
    console.log(json4[att][i])
  }
}
</script>

运行结果:

json数据格式常见操作示例

数组里包对象

<script>
var json5=[{"姓名":"longzhoufeng","年龄":123},{"姓名":"minigui","年龄":25}]
for(var i=0;i<json5.length;i++){
  for(var att in json5[i]){
    //alert(att)
    console.log(json5[i][att])
  }
}
</script>

运行结果:

json数据格式常见操作示例

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

Javascript 相关文章推荐
js查找父节点的简单方法
Jun 28 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 Javascript
js获取元素外链样式的方法
Jan 27 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
微信小程序ibeacon三点定位详解
Oct 31 Javascript
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
Vue实现移动端拖拽交换位置
Jul 29 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 #Javascript
微信小程序前端自定义分享的实现方法
Jun 13 #Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
Jun 13 #Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 #Javascript
javascript实现的时间格式加8小时功能示例
Jun 13 #Javascript
深入了解JavaScript代码覆盖
Jun 13 #Javascript
js使用cookie实现记住用户名功能示例
Jun 13 #Javascript
You might like
PHP自定义大小验证码的方法详解
2013/06/07 PHP
探讨php中header的用法详解
2013/06/07 PHP
PHP中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
onpropertypchange
2006/07/01 Javascript
JavaScript中的数值范围介绍
2014/12/29 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
js获取鼠标位置实例详解
2015/12/09 Javascript
javascript日期验证之输入日期大于等于当前日期
2015/12/13 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
jquery+php后台实现省市区联动功能示例
2019/05/23 jQuery
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
JS实现时间校验的代码
2020/05/25 Javascript
浅谈vue.watch的触发条件是什么
2020/11/07 Javascript
解决vue打包 npm run build-test突然不动了的问题
2020/11/13 Javascript
Python 编码处理-str与Unicode的区别
2016/09/06 Python
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
python实现最长公共子序列
2018/05/22 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
Django csrf 验证问题的实现
2018/10/09 Python
Python中查看变量的类型内存地址所占字节的大小
2019/06/26 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
服务承诺口号
2014/05/22 职场文书
民事辩护词范文
2015/05/21 职场文书
小学教师见习总结
2015/06/23 职场文书
2016年暑期见闻作文
2015/11/25 职场文书
高二数学教学反思
2016/02/18 职场文书
logback如何自定义日志存储
2021/08/30 Java/Android