`
这些年
  • 浏览: 402319 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js处理json

    博客分类:
  • js
 
阅读更多
1:生成下接列表
<html>
<head>
<script>
	var arrayNation = [{"id":0,"devName":"billing"},{"id":1,"devName":"log"}];
	
	function createSelect(str){
		var _select = document.createElement("select");
		var firstOption = document.createElement("option");
		firstOption.value = "------select------";
		firstOption.text = "------请选择------";
		_select.appendChild(firstOption);
		for ( i = 0; i < str.length; i++){
			var _option = document.createElement("option");
			_option.value = str[i].id.toString();
			_option.text = str[i].devName.toString();
			_select.appendChild(_option);
		}
		return _select;
	}
</script>
</head>
<body>
<div id="dep"/>
<script>
	document.getElementById("dep").appendChild(createSelect(arrayNation));
</script>
</body>
</html>
 2:区分对像与数组
1. 一个对象以“{”(左括号)开始,“}”(右括号)结束
 
2.一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间运用 “,”(逗号)分隔
 
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';

JSON对象:
var str2 = { "name": "cxh", "sex": "man" };
 3JSON字符串转换为JSON对象
var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
或者
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
然后,就可以这样读取:
Alert(obj.name);
Alert(obj.sex);

特别留心:如果obj本来就是一个JSON对象,那么运用 eval()函数转换后(哪怕是多次转换)还是JSON对象,但是运用 parseJSON()函数处理后会有疑问(抛出语法异常)。
 4:将JSON对象转化为JSON字符串
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
或者
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);
留心:

上面的多个要领中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。
由 对象转json字符串
var student = new Object();
student.qq = "5485891512";
student.name = "Lanny";
student.age = 25;

var stu = new Array();
stu[0] = "qq";
stu[1] = "age";
stu[2] = "Hi";//这个student对象里不存在。

var json = JSON.stringify(student,stu);
alert(json);
  结果
{"qq":"5485891512","age":25}
 
5:dom的属性可以用.设置
_option.selected="selected"
 6:当json中的key为数字时
var jsonranklist={"data":{"1":12,"2":56,"3":20,"4":6},"indata":{"1":3,"2":16,"3":28,"4":56}};
alert(jsonranklist['data']['1']);
 7:遍历json的值
var jsonranklist={"data":{"1":12,"2":56,"3":20,"4":6},"indata":{"1":3,"2":16,"3":28,"4":56}};
for(var key in jsonranklist.data){
alert(jsonranklist.data[key]);
}
 8:创建json对象
var jsons={};
 9:插入属性
jsonstor[key]=value;
 10:按key进行排序
 <script type="text/javascript">
	var jsons={"2014-01-08 15:50":2808,"2014-01-08 12:05":1064,"2014-01-08 15:55":2272,"2014-01-08 11:50":1056,"2014-01-08 12:00":1056,"2014-01-08 13:00":1072,"2014-01-08 13:40":1384}
     function storjson(formdata){
			var keys=new Array();
			for (var i in formdata){
				keys.push(i);
			}
			keys.sort();
			var jsonstor={};
			for (var i in keys){
				var key=keys[i];
				jsonstor[key]=formdata[key];
			}
			return jsonstor;
		}
		alert(JSON.stringify(storjson(jsons)))
    </script>
 在网上找的排 序(没有验证)
//函数功能:json 排序
// filed:(string)排序字段,
// reverse: (bool) 是否倒置(是,为倒序)
// primer (parse)转换类型
var sortBy = function (filed, reverse, primer) {
reverse = (reverse) ? -1 : 1;

return function (a, b) {
a = a[filed];
b = b[filed];

if (typeof (primer) != "undefined") {
a = primer(a);
b = primer(b);
}

if (a < b) {
return reverse * -1;
}
if (a > b) {
return reverse * 1;
}
}
}

//调用
function sortCourseTime_ASC() {
Json_searchCourse.sort(sortBy('CourseLength', false, parseInt));
executeSort();//重新生成表格
}
 
 
分享到:
评论

相关推荐

    javascript处理json字符串和json对象的类(含示例,最终版本)

    javascript处理json字符串和json对象的类。 可以把json对象转换成字符串, 也可以把json格式的字符串转换成json对象。 上一个版本有一个小问题,修改了。这是最终版本。 含有演示例子。

    javascript处理json字符串和json对象的类(含示例)

    `JSON.parse()`和`JSON.stringify()`是JavaScript处理JSON的核心工具,而实际项目中的HTML和JS文件则负责提供交互式用户体验。通过结合使用这些工具和技术,开发者能够轻松地在前端和后端之间传递和操作数据。

    Json Js 文件包下载 josn2.js、json.js、 json_parse.js、json_parse_state.js、cycle.js

    总之,这个文件包对于理解JSON在JavaScript中的使用,以及如何通过JavaScript处理JSON数据,都具有重要的学习和参考价值。每个文件都专注于JSON处理的不同方面,可以深入研究以掌握JSON的高级用法和优化技巧。

    js处理json以及字符串的比较等常用操作

    标题:“js处理json以及字符串的比较等常用操作” 知识点: 1. JSON的处理:在JavaScript中,JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。其易于人阅读和编写,同时也易于机器解析和生成。在...

    JS处理json日期格式化问题

    对于从C#返回的日期字段,当进行JSON序列化后,在前台JS里显示的并不是真正的日期,这让我们感觉很不爽,我们不可能为了这东西,把所有日期字段都变成string吧,所以,找了一个JS的扩展方法,来实现这个功能 ...

    js实现json数组分组合并操作示例

    在JavaScript编程中,...综上,本示例展示了JavaScript处理JSON数组的分组合并操作,涉及到的基本概念包括数组遍历、对象属性访问、哈希映射以及数组操作。了解这些知识点有助于提升在实际项目中处理JSON数据的能力。

    json可视化编辑工具(页面js实现)

    JSON(JavaScript Object Notation)是一种轻量级的数据...开发者可以研究这些代码,学习如何用JavaScript处理JSON数据并创建类似的可视化工具。同时,对于想要定制或改进工具的人来说,这提供了直接修改源码的可能性。

    json.js,json2.js 和 json.jar 下载

    **json.js** 和 **json2.js** 是两个JavaScript库,用于在浏览器环境中处理JSON数据。`json.js`可能是早期的一个JSON处理库,它提供了JSON的解析(`parse()`)和字符串化(`stringify()`)功能,使得在不支持JSON的...

    three.js加载json三维模型.zip

    在三维Web开发领域,Three.js是一个非常流行的JavaScript库,它为浏览器提供了强大的3D图形渲染功能。本主题将深入探讨如何使用Three.js加载JSON格式的三维模型,以及与BIM(建筑信息模型)相关的应用。 一、Three....

    jsoneditor_javascript_JSON_jsoneditor9.1.4_json-editorjs_

    综上所述,JSONEditor是一个强大的JSON数据编辑工具,利用JavaScript实现,适用于各种需要处理JSON数据的场景。通过理解和应用JSONEditor,开发者能够为用户提供更加直观、易用的数据编辑体验。同时,深入学习和掌握...

    JS中Json对象

    - **易于解析**:JavaScript可以直接处理JSON数据,无需额外的解析过程。 - **性能更好**:JSON数据体积小,解析速度快。 #### JSON在实际开发中的应用场景 - **API数据交互**:现代Web应用程序经常使用RESTful API...

    json比对js插件

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。它基于JavaScript的一个子集,格式简洁且易于读写...对于处理JSON数据的项目,掌握这类工具的使用是十分重要的。

    Spring处理json,客户端处理json

    在这个场景中,我们关注的是Spring如何处理JSON数据以及客户端如何处理JSON。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛用于前后端交互,因为它的结构清晰且易于阅读和编写。 1. **...

    javascript json数据解析工具json2.js

    JSON2.js是由Douglas Crockford开发的一个JavaScript库,专门用于处理JSON数据,尤其在老版本的浏览器中,这些浏览器可能不支持原生的JSON解析和序列化功能。 在JavaScript中,JSON主要用于对象与字符串之间的转换...

    处理JSON的jar包

    提到的"处理JSON的jar包"指的是一个包含JSON处理功能的Java库,特别是其中的`json-lib-1.1-jdk13.jar`。这个jar包是`json-lib`项目的一部分,这是一个Java库,用于将Java对象转换为JSON格式,并将JSON数据转换回Java...

    json对象转换兼容js

    `JSON.stringify()`和`JSON.parse()`是JavaScript处理JSON的核心方法,但在旧版浏览器中可能需要额外的兼容性处理。通过引入如`json2.js`这样的库,我们可以确保在广泛的浏览器环境中都能正确地处理JSON。在实际开发...

    JavaScript and JSON Essentials

    随着互联网的兴起,数据在网络上交换的方式经历了...总的来说,《JavaScript与JSON实用指南》将帮助开发者掌握JSON的核心知识,并了解如何使用JavaScript创建和处理JSON数据,从而构建出更加高效和功能丰富的web应用。

    VB6 处理Json数据源码

    "VB6处理Json数据源码"是一个针对VB6开发者的资源,帮助他们能够解析和操作JSON(JavaScript Object Notation)数据格式,这是现代网络数据交换的标准。 JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也...

    json2.js 亲测可用

    JSON2.js库提供了一个兼容性的层,使得这些旧版浏览器也能处理JSON数据。这对于跨平台、跨浏览器的Web应用来说至关重要。 json2.js包含了以下部分: 1. **json2.js**: 这是主文件,包含了JSON的解析和字符串化功能...

Global site tag (gtag.js) - Google Analytics