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 相关文章推荐
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
javascript之可拖动的iframe效果代码
Aug 01 Javascript
JavaScript的单例模式 (singleton in Javascript)
Jun 11 Javascript
JS限制上传图片大小不使用控件在本地实现
Dec 19 Javascript
在javascript中关于节点内容加强
Apr 11 Javascript
动态加载JS文件的三种方法
Nov 08 Javascript
JavaScript学习笔记之JS对象
Jan 22 Javascript
深入理解JavaScript内置函数
Jun 03 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
详解如何更好的使用module vuex
Mar 27 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 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
用PHP和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
Laravel如何友好的修改.env配置文件详解
2017/06/07 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
jQuery 1.7.2中getAll方法的疑惑分析
2012/05/23 Javascript
js 走马灯简单实例
2013/11/21 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
2016/05/21 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
HTML5 实现的一个俄罗斯方块实例代码
2016/09/19 Javascript
vue省市区三联动下拉选择组件的实现
2017/04/28 Javascript
bootstrap Table的一些小操作
2017/11/01 Javascript
vue单页开发父子组件传值思路详解
2018/05/18 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
[44:15]国士无双DOTA2 6.82版本详解(上)
2014/09/28 DOTA
在Python中通过threading模块定义和调用线程的方法
2016/07/12 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
Python selenium实现微博自动登录的示例代码
2018/05/16 Python
使用PyCharm创建Django项目及基本配置详解
2018/10/24 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
python每天定时运行某程序代码
2019/08/16 Python
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
SmartBuyGlasses意大利:购买太阳镜、眼镜和隐形眼镜
2018/11/20 全球购物
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
酒店人事专员岗位职责
2013/12/19 职场文书
《姥姥的剪纸》教学反思
2014/02/25 职场文书
应用数学专业求职信
2014/03/14 职场文书
拉贝日记观后感
2015/06/05 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis