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 call 函数的用法说明
Apr 09 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
Dec 13 Javascript
浅析Bootstrap组件之面板组件
May 04 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
xmlplus组件设计系列之按钮(2)
Apr 26 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
Vuejs开发环境搭建及热更新【推荐】
Sep 07 Javascript
JavaScript this指向相关原理及实例解析
Jul 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
PHP源代码数组统计count分析
2011/08/02 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
PHP5.3新特性小结
2016/02/14 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
JavaScript数组随机排列实现随机洗牌功能
2015/03/19 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
JS滚动到指定位置导航栏固定顶部
2017/07/03 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
利用vue-i18n实现多语言切换效果的方法
2019/06/19 Javascript
完美解决python遍历删除字典里值为空的元素报错问题
2016/09/11 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
python实现自动发送邮件发送多人、群发、多附件的示例
2018/01/23 Python
python 快速把超大txt文件转存为csv的实例
2018/10/26 Python
python读取txt文件并取其某一列数据的示例
2019/02/19 Python
python输出带颜色字体实例方法
2019/09/01 Python
Python requests上传文件实现步骤
2020/09/15 Python
python多线程和多进程关系详解
2020/12/14 Python
python爬取微博评论的实例讲解
2021/01/15 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
俄罗斯在线购买飞机票、火车票、巴士票网站:Tutu.ru
2020/03/16 全球购物
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
浅谈如何写好演讲稿?
2019/06/12 职场文书
准备去美国留学,那么大学申请文书应该怎么写?
2019/08/12 职场文书