json数据格式常见操作示例

 更新时间:2019年06月13日 10:25:42   作者:longzhoufeng  
这篇文章主要介绍了json数据格式常见操作,结合实例形式json对象、json数组表示方式及遍历技巧,需要的朋友可以参考下

本文实例讲述了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>

运行结果:

第二种,数组形式

<script>
var arr=[{"name":"longzhoufeng","age":123},{"name":"minigui","age":25}]
var parn=arr[0].name+"今年多少岁"+arr[1].age
console.log(parn)
</script>

运行结果:

对象里包数组

<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>

运行结果:

数组里包对象

<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>

运行结果:

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json

JSON在线格式化工具:
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具:
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具:
http://tools.jb51.net/code/json_yasuo_trans

更多关于JavaScript相关内容可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • javascript 小数取整简单实现方式

    javascript 小数取整简单实现方式

    这篇文章主要介绍了javascript 小数取整d的简单实现方式,需要的朋友可以参考下
    2014-05-05
  • 微信小程序tabbar底部导航

    微信小程序tabbar底部导航

    这篇文章主要为大家详细介绍了微信小程序重写tabbar底部导航,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • 微信小程序获取当前位置和城市名

    微信小程序获取当前位置和城市名

    这篇文章主要介绍了微信小程序获取当前位置和城市名的思路,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • JavaScript优化图片懒加载的性能技巧

    JavaScript优化图片懒加载的性能技巧

    前端发展过程中有许多性能优化的操作,比如防抖、节流和图片懒加载等,在这里我们首先聊聊图片懒加载操作,我们会经常逛像淘宝和京东等购物平台,一次性全部加载会导致加载时间长、网络资源消耗大,所以本文给大家介绍了JavaScript优化图片懒加载的性能技巧
    2024-06-06
  • Javascript 八进制转义字符(8进制)

    Javascript 八进制转义字符(8进制)

    最近在看一些Javascript玩魔术的资料,感叹那些真正的是在玩技术,相当让人佩服。
    2011-04-04
  • JavaScript常用数组算法小结

    JavaScript常用数组算法小结

    在开发项目的过程中,我们经常会需要关于javascript数组的一些算法,比方说数组去重、数组求交集、数组扰乱等等。今天就把个人的汇总整理的算法分享给大家。
    2016-02-02
  • 用JavaScript对JSON进行模式匹配 (Part 2 - 实现)

    用JavaScript对JSON进行模式匹配 (Part 2 - 实现)

    在上一篇文章里,我们完成了 Dispatcher 类的接口设计,现在我们就来考虑一下如何实现这个类。
    2010-07-07
  • Paypal支付不完全指北

    Paypal支付不完全指北

    这篇文章主要介绍了Paypal支付不完全指北,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • js控制fieldset高度的代码

    js控制fieldset高度的代码

    js控制fieldset高度的代码...
    2007-11-11
  • uniapp开发小程序的经验总结

    uniapp开发小程序的经验总结

    这篇文章主要给大家介绍了关于uniapp开发小程序的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04

最新评论