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 函数式编程的原理
Oct 16 Javascript
jquery 学习之二 属性相关
Nov 23 Javascript
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 Javascript
jquery调取json数据实现省市级联的方法
Jan 29 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
AngularJS中的包含详细介绍及实现示例
Jul 28 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
解决node-sass偶尔安装失败的方法小结
Dec 05 Javascript
layui递归实现动态左侧菜单
Jul 26 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
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
解析php php_openssl.dll的作用
2013/07/01 PHP
php实现MD5加密16位(不要默认的32位)
2013/08/12 PHP
php求两个目录的相对路径示例(php获取相对路径)
2014/03/27 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
PHP中的日期时间处理利器实例(Carbon)
2017/06/09 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
javascript 函数式编程
2007/08/16 Javascript
jquery监听div内容的变化具体实现思路
2013/11/04 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
2014年50个程序员最适用的免费JQuery插件
2014/12/15 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
jQuery中extend函数简单用法示例
2017/10/11 jQuery
如何开发出更好的JavaScript模块
2017/12/22 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
[52:39]完美世界DOTA2联赛PWL S3 CPG vs Forest 第一场 12.16
2020/12/17 DOTA
python计数排序和基数排序算法实例
2014/04/25 Python
django实现用户登陆功能详解
2017/12/11 Python
python同步两个文件夹下的内容
2019/08/29 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
简述 Python 的类和对象
2020/08/21 Python
师范学院毕业生求职信
2014/06/24 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技