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打开新窗口的2种方式
Apr 18 Javascript
js获取某月的最后一天日期的简单实例
Jun 22 Javascript
jquery获取css中的选择器(实例讲解)
Dec 02 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
js实现上传并压缩图片效果
Jan 10 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
Aug 12 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 17 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
Sep 12 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数据库配置文件一般做法分享
2012/07/07 PHP
windows下配置php5.5开发环境及开发扩展
2014/12/25 PHP
PHP 生成N个不重复的随机数
2015/01/21 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
用javascript实现给图片加链接
2007/08/15 Javascript
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
Angularjs过滤器使用详解
2016/05/25 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
vue实现树状表格效果
2020/12/29 Vue.js
详解Django中的过滤器
2015/07/16 Python
python实现公司年会抽奖程序
2019/01/22 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
python读取并定位excel数据坐标系详解
2019/06/26 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
python中JWT用户认证的实现
2020/05/18 Python
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
应届毕业生自我鉴定范文
2013/12/27 职场文书
毕业生的自我评价范文
2013/12/31 职场文书
2014年高考决心书
2014/03/11 职场文书
春风行动实施方案
2014/03/28 职场文书
初中生期末评语大全
2014/04/24 职场文书
2014年最新个人对照检查材料范文
2014/09/25 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
幼儿园小班工作总结2015
2015/04/25 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书
Python实现学生管理系统(面向对象版)
2021/06/24 Python