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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
JavaScript性能陷阱小结(附实例说明)
Dec 28 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
JQuery设置时间段下拉选择实例
Dec 30 Javascript
静态页面html中跳转传值的JS处理技巧
Jun 22 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
js 上传文件预览的简单实例
Aug 16 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
原生js开发的日历插件
Feb 04 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
vue element实现表格合并行数据
Nov 30 Vue.js
使用Vue.js和MJML创建响应式电子邮件
Mar 23 Vue.js
微信小程序实现渐入渐出动画效果
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程序中的常见漏洞进行攻击
2006/10/09 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
PHP开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
教你如何使用php session
2013/10/28 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
Stop SQL Server
2007/06/21 Javascript
javascript写的一个链表实现代码
2009/10/25 Javascript
浮动的div自适应居中显示的js代码
2013/12/23 Javascript
js实现按钮控制图片360度翻转特效的方法
2015/02/17 Javascript
jQuery简单验证上传文件大小及类型的方法
2016/06/02 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
2016/06/12 Javascript
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
JavaScript实现数字前补“0”的五种方法示例
2019/01/03 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
2020/07/13 Javascript
python搭建简易服务器分析与实现
2012/12/15 Python
Python实现的tab文件操作类分享
2014/11/20 Python
浅谈在JupyterNotebook下导入自己的模块的问题
2020/04/16 Python
在django admin中配置搜索域是一个外键时的处理方法
2020/05/20 Python
Python调用C/C++的方法解析
2020/08/05 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
python 实现表情识别
2020/11/21 Python
html5开发之viewport使用
2013/10/17 HTML / CSS
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
Python的两道面试题
2013/06/29 面试题
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
2014新年寄语
2014/01/20 职场文书
艺术教育实施方案
2014/05/03 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
《我是什么》教学反思
2016/02/16 职场文书
Python OpenCV之常用滤波器使用详解
2022/04/07 Python
Golang jwt身份认证
2022/04/20 Golang