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写的简单的计算器,内容很多,方法实用,推荐
Dec 29 Javascript
Javascript中封装window.open解决不兼容问题
Sep 28 Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 Javascript
javascript动态获取登录时间和在线时长
Feb 25 Javascript
详解网站中图片日常使用以及优化手法
Jan 09 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
three.js中文文档学习之通过模块导入
Nov 20 Javascript
vue.js层叠轮播效果的实例代码
Nov 08 Javascript
react+ant design实现Table的增、删、改的示例代码
Dec 27 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
15个值得收藏的JavaScript函数
Sep 15 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
AM/FM收音机的安装与调试
2021/03/02 无线电
写一个用户在线显示的程序
2006/10/09 PHP
php常用Output和ptions/Info函数集介绍
2013/06/19 PHP
解析PHP对现有搜索引擎的调用
2013/06/25 PHP
PHP实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
extJs 常用到的增,删,改,查操作代码
2009/12/28 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
iframe里的页面禁止右键事件的方法
2014/06/10 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
jQuery插件Echarts实现的渐变色柱状图
2017/03/23 jQuery
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
原生JS实现图片无缝滚动方法(附带封装的运动框架)
2017/10/01 Javascript
javascript实现电脑和手机版样式切换
2017/11/10 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
python制作抖音代码舞
2019/04/07 Python
Pandas之ReIndex重新索引的实现
2019/06/25 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
python实现删除列表中某个元素的3种方法
2020/01/15 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
Sentry错误日志监控使用方法解析
2020/11/12 Python
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
小学毕业典礼主持词
2014/03/27 职场文书
《青蛙看海》教学反思
2014/04/23 职场文书
小学课改工作总结
2015/08/13 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
员工试用期工作总结
2019/06/20 职场文书
SQL优化老出错,那是你没弄明白MySQL解释计划用法
2021/11/27 MySQL
springcloud整合seata
2022/05/20 Java/Android