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 相关文章推荐
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
jQuery图片轮播的具体实现
Sep 11 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
JS去掉第一个字符和最后一个字符的实现代码
Feb 20 Javascript
你未必知道的JavaScript和CSS交互的5种方法
Apr 02 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
JavaScript时间日期操作实例小结【5个示例】
Dec 22 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 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
VFP与其他应用程序的集成
2006/10/09 PHP
PHP curl_setopt()函数实例代码与参数分析
2011/06/02 PHP
PHP整合PayPal支付
2015/06/11 PHP
Yii框架连接mongodb数据库的代码
2016/07/27 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
js 轮播效果实例分享
2016/12/28 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
JavaScript canvas动画实现时钟效果
2020/02/10 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
2020/10/27 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
python3实现字符串的全排列的方法(无重复字符)
2018/07/07 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
Python项目跨域问题解决方案
2020/06/22 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
Python三维绘图之Matplotlib库的使用方法
2020/09/20 Python
python中的时区问题
2021/01/14 Python
pycharm 使用anaconda为默认环境的操作
2021/02/05 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
CSS3实现千变万化的文字阴影text-shadow效果设计
2016/04/26 HTML / CSS
送给他或她的礼物:FUN.com
2018/08/17 全球购物
4s店机修工岗位职责
2013/12/20 职场文书
群众路线教育党课主持词
2014/04/01 职场文书
三八红旗手先进事迹材料
2014/05/13 职场文书
见习报告怎么写
2014/10/31 职场文书