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 两个窗体之间传值实现代码
Sep 25 Javascript
jQuery之选项卡的简单实现
Feb 28 Javascript
jfreechart插件将数据展示成饼状图、柱状图和折线图
Apr 13 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 Javascript
PageSwitch插件实现100种不同图片切换效果
Jul 28 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
详解JS中的attribute属性
Apr 25 Javascript
js每隔两秒输出数组中的一项(实例)
May 28 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
Dec 10 Javascript
微信小程序登录session的使用
Mar 17 Javascript
小程序组件之自定义顶部导航实例
Jun 12 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使用两个栈实现队列功能的方法
2018/01/15 PHP
yii2安装详细流程
2018/05/23 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
Javascript this关键字使用分析
2008/10/21 Javascript
jQuery学习基础知识小结
2010/11/25 Javascript
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
javascript教程之不完整的继承(js原型链)
2014/01/13 Javascript
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
javascript trim函数在IE下不能用的解决方法
2014/09/12 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
Javascript中数组去重与拍平的方法示例
2017/02/03 Javascript
jQuery插件echarts去掉垂直网格线用法示例
2017/03/03 Javascript
Vue 过渡实现轮播图效果
2017/03/27 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
2017/12/27 Javascript
javascript数组拍平方法总结
2018/01/20 Javascript
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
详解vue移动端项目的适配(以mint-ui为例)
2018/08/17 Javascript
Python的“二维”字典 (two-dimension dictionary)定义与实现方法
2016/04/27 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
Python理解递归的方法总结
2019/01/28 Python
python判断无向图环是否存在的示例
2019/11/22 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
优纳科技软件测试面试题
2012/05/15 面试题
外贸销售员求职的自我评价
2013/11/23 职场文书
适用于所有创业者的创业计划书
2014/02/05 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
2015年高二班主任工作总结
2015/05/25 职场文书
班主任寄语2016
2015/12/04 职场文书
element多个表单校验的实现
2021/05/27 Javascript
Python移位密码、仿射变换解密实例代码
2021/06/27 Python
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript