实例详细说明教程,js的初步学习与了解

作者: 前端应用  发布:2019-09-06

官网地址:
json2.js 脚本之家下载地址

json2.js的最早学习与理解
1.)该js的下载地址是:
2.)在页面中援用该脚本:<script type="text/javascript" src="js/json2.js"></script>
3.)示例演示一:

复制代码 代码如下:

复制代码 代码如下:

<script type="text/javascript" src="json2.js"></script>
<script>
//间接注解json数据结构
var myJSONObject = {"bindings": [
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^,
{"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"} ]}]';

//直接注脚json数据结构
var myJSONObject = {"bindings": [
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^,
{"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
{"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
]
};

//调用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>');

本条例子中,创制了一个对象,它只包涵二个成员“bindings”。“bindings”是二个饱含了3个指标的数组,而那各类对象皆有"ircEvent"、"method"和"regex"3个分子。
那几个成员能够用“.”或subscript 操作获得。
如:myJSONObject.bindings[0].method // "newURI"
myJSONObject.bindings[1].deleteURI // "newURI"
//注解字符串,可比照一下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()函数调用JavaScript的编写翻译器把JSON文本转换成对象。因为JSON是JavaScript的一个适度的子集,编写翻译器能够精确地分析JSON文本,然后生成三个指标组织。
//调用eval函数调换为json对象,
var myE = eval(normalstring);
//将json对象转变为字符串
var text = JSON.stringify(myE);
//比较调换后的json文本与注解的文本差距
document.writeln('调换后的json文本:'+text+'<br><br>申明的json格式文本 '+jsontext+'<br><br>注脚的不足为奇格式文本 '+normalstring+'<br><br>');
结果如下:
改动后的json文本:[{"persons":[{"name":"jordan","sex":"m","age":"40"},{"name":"bryant","sex":"m","age":"28"},{"name":"McGrady","sex":"m","age":"27"}]}]
声称的json格式文本 [{"persons":[{"name":"jordan","sex":"m","age":"40"},{"name":"bryant","sex":"m","age":"28"},{"name":"McGrady","sex":"m","age":"27"}]}]
宣称的平凡格式文本 [{persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}]
计算:调换后的json文本和注明的json格式文本内容是均等的。
//当安全比较关键的时候利用JSON分析就好有的。JSON分析只会识别JSON文本何况它更安全,上面调用json的parse函数对文本数据调换生成json数据结构
var myData = JSON.parse(jsontext);
一体化的文书如下(分裂:myJSONObject,jsontext,normalstring的两样):

//当安全相比较关键的时候使用JSON分析就好有的。JSON解析只会识别JSON文本况且它更安全,上面调用json的parse函数对文件数据转变生成json数据结构
var myData = JSON.parse(jsontext);

复制代码 代码如下:

document.writeln(myData+'<br><br>');

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="js/json2.js"></script>
</head>
<body>
<script>
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"} ]}]';
var myJSONObject = {"bindings": [
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^,
{"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
{"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
]
};
//调用eval函数调换为json对象,
var myE = eval(normalstring);
//将json对象调换为字符串
var text = JSON.stringify(myE);
//比较转变后的json文本与申明的文本分化
document.writeln('转换后的json文本:'+text+'<br><br>声明的json格式文本 '+jsontext+'<br><br>证明的常备格式文本 '+normalstring+'<br><br>');
//JSON解析
var myData = JSON.parse(jsontext);
</script>
</body>
</html>

//上边是对json对象的增加和删除查改操作

4.)示例演示二:

//声明json对象

复制代码 代码如下:

var jsonObj2={persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]};

//上面是对json对象的增加和删除查改操作
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="js/json2.js"></script>
</head>
<body>
<script>
//声明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);
document.writeln(persons.length);
</script>
</body>
</html>

var persons=jsonObj2.persons;
var str="";

1.)该js的下载地址是: 2.)在页面中援引该脚本:script type="text/javascript" src="js/json2.js"/scrip...

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>

json2.js 脚本之家下载地址 复制代码 代码如下: script type="text/javascript" src="json2.js"/script script //直接声...

本文由今晚买四不像发布于前端应用,转载请注明出处:实例详细说明教程,js的初步学习与了解

关键词: