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 相关文章推荐
jQuery 性能优化指南 (1)
May 21 Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
Javascript 页面模板化很多人没有使用过的方法
Jun 05 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
JS实现左右拖动改变内容显示区域大小的方法
Oct 13 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
Nov 30 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
Apr 27 Javascript
react结合bootstrap实现评论功能
May 30 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 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
德劲1107的电路分析与打磨
2021/03/02 无线电
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
动态新闻发布的实现及其技巧
2006/10/09 PHP
PHP文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
PHP基础之运算符的使用方法
2013/04/28 PHP
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
javascript 继承实现方法
2009/08/26 Javascript
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
EasyUI中的tree用法介绍
2011/11/01 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
jquery.validate使用详解
2016/06/02 Javascript
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
2016/12/20 Javascript
JavaScript实现两个select下拉框选项左移右移
2017/03/09 Javascript
js实现倒计时关键代码
2017/05/05 Javascript
JavaScript实现时间表动态效果
2017/07/15 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
微信小程序 页面滑动事件的实例详解
2017/10/12 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
Python实现快速多线程ping的方法
2015/07/15 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
Python如何执行系统命令
2020/09/23 Python
css3实现书本翻页效果的示例代码
2021/03/08 HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
一组SQL面试题
2016/02/15 面试题
教育基金募捐倡议书
2014/05/14 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
用python实现监控视频人数统计
2021/05/21 Python
利用python Pandas实现批量拆分Excel与合并Excel
2021/05/23 Python
Tomcat配置访问日志和线程数
2022/05/06 Servers
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android