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 相关文章推荐
仿猪八戒网左下角的文字滚动效果
Oct 28 Javascript
通过一段代码简单说js中的this的使用
Jul 23 Javascript
仿新浪微博登陆邮箱提示效果的js代码
Aug 02 Javascript
利用函数的惰性载入提高javascript代码执行效率
May 05 Javascript
判断window.onload是否多次使用的方法
Sep 21 Javascript
jQuery实现强制cookie过期方法汇总
May 22 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
js图片上传的封装代码
Aug 01 Javascript
详解Vue内部怎样处理props选项的多种写法
Nov 06 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
JS localStorage存储对象,sessionStorage存储数组对象操作示例
Feb 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
PHP header()函数常用方法总结
2014/04/11 PHP
php通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
PHP图像处理类库MagickWand用法实例分析
2015/05/21 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
php中namespace use用法实例分析
2016/01/22 PHP
Javascript 检测、添加、移除样式(className)函数代码
2009/09/08 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
jquery通过a标签删除table中的一行的代码
2013/12/02 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
2015/10/26 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
2016/12/26 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
AngularJS ui-router刷新子页面路由的方法
2018/07/23 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
详解vue 2.6 中 slot 的新用法
2019/07/09 Javascript
[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11
2020/12/13 DOTA
Python实现的RSS阅读器实例
2015/07/25 Python
Python学习小技巧之利用字典的默认行为
2017/05/20 Python
Python中eval带来的潜在风险代码分析
2017/12/11 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
Python判断有效的数独算法示例
2019/02/23 Python
Python字符串的一些操作方法总结
2019/06/10 Python
python pandas生成时间列表
2019/06/29 Python
Python3 中作为一等对象的函数解析
2019/12/11 Python
pandas数据选取:df[] df.loc[] df.iloc[] df.ix[] df.at[] df.iat[]
2020/04/24 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
python matplotlib库的基本使用
2020/09/23 Python
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
必须要使用游标的SQL语句有那些
2012/05/07 面试题
班组长工作职责
2013/12/25 职场文书
防灾减灾日活动总结
2014/08/26 职场文书
2014年环保局工作总结
2014/12/11 职场文书
Python四款GUI图形界面库介绍
2022/06/05 Python
MySQL详细讲解变量variables的用法
2022/06/21 MySQL
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS