json 实例详细说明教程


Posted in Javascript onOctober 31, 2009

官方网站地址:http://www.json.org/json-zh.html
json2.js 三水点靠木下载地址

<script type="text/javascript" src="json2.js"></script> 
<script> 
//直接声明json数据结构 
var myJSONObject = {"bindings": [ 
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"}, 
{"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"}, 
{"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"} 
] 
}; 
//声明字符串,可对比一下json文本与我们正常文本的区别 
var normalstring='[{persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}]'; 
var jsontext='[{"persons":[{"name":"jordan","sex":"m","age":"40"}, {"name":"bryant","sex":"m","age":"28"}, {"name":"McGrady","sex":"m","age":"27"} ]}]'; //调用eval函数转换为json对象, 
var myE = eval(normalstring); 
document.writeln(myE+'<br><br>'); 
//将json对象转换为字符串 
var text = JSON.stringify(myE); 
//对比转换后的json文本与声明的文本区别 
document.writeln('转换后的json文本:'+text+'<br><br>声明的json格式文本 '+jsontext+'<br><br>声明的普通格式文本 '+normalstring+'<br><br>'); 
//当安全比较重要的时候使用JSON解析就好一些。JSON解析只会识别JSON文本并且它更安全,下面调用json的parse函数对文本数据转换生成json数据结构 
var myData = JSON.parse(jsontext); 
document.writeln(myData+'<br><br>'); 
//下面是对json对象的增删查改操作 
//声明json对象 
var jsonObj2={persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}; 
var persons=jsonObj2.persons; 
var str=""; 
var person={name:"yaoMing",sex:"m",age:"26"}; 
//以下为json对象的操作,去掉注释可以查看操作结果 
//jsonObj2.persons.push(person);//数组最后加一条记录 
//jsonObj2.persons.pop();//删除最后一项 
//jsonObj2.persons.shift();//删除第一项 
jsonObj2.persons.unshift(person);//数组最前面加一条记录 只要适合Javascript的方法都是可以用在JSON对象的数组中的!所以还有另外的方法splice( )进行crud操作! //删除 
//jsonObj2.persons.splice(0,2);//开始位置,删除个数 
//替换不删除 
var self={name:"tom",sex:"m",age:"24"}; 
var brother={name:"Mike",sex:"m",age:"29"}; 
jsonObj2.persons.splice(1,0,self,brother,self);//开始位置,删除个数,插入对象 
//替换并删除 
//jsonObj2.persons.splice(0,1,self,brother);//开始位置,删除个数,插入对象 
for(var i=0;i<persons.length;i++){ var cur_person=persons[i]; str+=cur_person.name+"'sex is "+cur_person.sex+" and age is "+cur_person.age+"<br><br>"; } 
document.writeln(str); 
//转换为json文本 
var myjsonobj = JSON.stringify(jsonObj2); 
document.writeln(myjsonobj); 
</script>
Javascript 相关文章推荐
一个可拖拽列宽表格实例演示
Nov 26 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
Sep 26 Javascript
js中一个函数获取另一个函数返回值问题探讨
Nov 21 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
jQuery实现滚动效果
Nov 17 jQuery
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
Webpack优化配置缩小文件搜索范围
Dec 25 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
vue+springboot实现登录验证码
May 27 Vue.js
json 入门基础教程 推荐
Oct 31 #Javascript
jquery text()要注意啦
Oct 30 #Javascript
CCPry JS类库 代码
Oct 30 #Javascript
Iframe 自适应高度并实时监控高度变化的js代码
Oct 30 #Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 #Javascript
jQuery 扩展对input的一些操作方法
Oct 30 #Javascript
jquery 弹出层实现代码
Oct 30 #Javascript
You might like
PHP实现对文本数据库的常用操作方法实例演示
2014/07/04 PHP
php生成二维码
2015/08/10 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
PHP编程实现的TCP服务端和客户端功能示例
2018/04/13 PHP
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
jQuery学习笔记之总体架构
2014/06/03 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
使用vue实现grid-layout功能实例代码
2018/01/05 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
vue.js 实现评价五角星组件的实例代码
2018/08/13 Javascript
layer提示框添加多个按钮选择的实例
2019/09/12 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
详解Python中的序列化与反序列化的使用
2015/06/30 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
Python面向对象之继承和组合用法实例分析
2018/08/27 Python
python得到电脑的开机时间方法
2018/10/15 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
Django框架之中间件MiddleWare的实现
2019/12/30 Python
Python3如何判断三角形的类型
2020/04/12 Python
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
电工实训报告总结
2014/11/05 职场文书
神农溪导游词
2015/02/11 职场文书
导游词之临安白水涧
2019/11/05 职场文书
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS
Python实现文字pdf转换图片pdf效果
2022/04/03 Python