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 相关文章推荐
javascript 获取网页参数系统
Jul 19 Javascript
javascript 异常处理使用总结
Jun 21 Javascript
两种WEB下的模态对话框 (asp.net或js的分别实现)
Dec 02 Javascript
JS动态添加Table的TR,TD实现方法
Jan 28 Javascript
常用jQuery代码分享
Jul 14 Javascript
Bootstrap精简教程中秋大放送
Sep 15 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
Feb 12 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
Oct 01 Javascript
Vue利用canvas实现移动端手写板的方法
May 03 Javascript
详解Axios统一错误处理与后置
Sep 26 Javascript
js prototype和__proto__的关系是什么
Aug 23 Javascript
JavaScript实现点击出现子菜单效果
Feb 08 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
用PHPdig打造属于你自己的Google[图文教程]
2007/02/14 PHP
深入PHP magic quotes的详解
2013/06/17 PHP
php实例分享之html转为rtf格式
2014/06/02 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
jQuery 数据缓存data(name, value)详解及实现
2010/01/04 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
2014/12/31 Javascript
jQuery 限制输入字符串长度
2016/06/20 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
Angular实现购物车计算示例代码
2017/02/21 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
2018/05/17 Javascript
JS浅拷贝和深拷贝原理与实现方法分析
2019/02/28 Javascript
python实现分页效果
2017/10/25 Python
对Python中内置异常层次结构详解
2018/10/18 Python
总结Python图形用户界面和游戏开发知识点
2019/05/22 Python
网易2016研发工程师编程题 奖学金(python)
2019/06/19 Python
Python中如何将一个类方法变为多个方法
2019/12/30 Python
Python实现密钥密码(加解密)实例详解
2020/04/26 Python
python基于openpyxl生成excel文件
2020/12/23 Python
Python3利用scapy局域网实现自动多线程arp扫描功能
2021/01/21 Python
基于HTML5 Canvas:字符串,路径,背景,图片的详解
2013/05/09 HTML / CSS
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
投资协议书范本
2014/04/21 职场文书
生产助理岗位职责
2014/06/18 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
走进毛泽东观后感
2015/06/04 职场文书
闪闪红星观后感
2015/06/08 职场文书
党员理论学习心得体会
2016/01/21 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
python tkinter Entry控件的焦点移动操作
2021/05/22 Python
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python
Vue的生命周期一起来看看
2022/02/24 Vue.js