`

JSON详细学习之JSON in JavaScript

阅读更多

注意:只需要在前台页面中引入相应的javascript即可测试

<script type="text/javascript" src="scripts/json/json2.js"></script>
<script type="text/javascript" src="scripts/json/jsonmessage.js"></script>

 

 

一、在javascript中使用JSON创建一个对象

     

//创建一个空对象
var JSONObject = {}

//创建一个新的对象
var JSONObject = new Object()

//创建一个包含属性的对象,其中名称为字符串,年龄为整型
var JSONObject = {
      "name":"kevin",
      "age":23
}

   和java中类似,我们可以通过点(.)操作符取得对象的属性。

   

  

var JSONObject = {
	"name":"kevin",
	"age":24,
};

alert("JSONObject.name:"+JSONObject.name);
alert("JSONObject.age:"+JSONObject.age);

 

二、在javascript中使用JSON创建数组对象

创建一个Student对象,里面包含两个数组对象,每个数组对象中,包含Student对象的属性。

var student = {
	//第一个数组对象Class
	"Class":[
		{
			"name":"kevin",
			"className":"java",
			"age":23
		},
		{
			"name":"yang",
			"className":"java",
			"age":24
		}	
	],
	//第二个数组对象
	"Score":[
		{
			"name":"shower",
			"score":100
		},
		{
			"name":"zheng",
			"score":100
		}
	]
}

var i=0;

for(i=0;i<student.Class.length;i++){
	alert("student.Class["+i+"].name===>"+student.Class[i].name);
	alert("student.Class["+i+"].className===>"+student.Class[i].className);
	alert("student.Class["+i+"].age===>"+student.Class[i].age);
}

for(i=0;i<student.Score.length;i++){
	alert("student.Score["+i+"].name===>"+student.Score[i].name);
	alert("student.Score["+i+"].score===>"+student.Score[i].score);
}

 三、使用JSON在javascript中创建消息

//create a Student Object
var Student = {
	"Math":[{
			"name":"kevin",
			"mark":70,
			"age":23
		},{
			"name":"smart",
			"mark":40,
			"age":25
		}
	],
	"Science":[{
			"name":"kevin2",
			"mark":70,
			"age":23
		},{
			"name":"smart2",
			"mark":40,
			"age":25
		}
	]
}

//print array value
var i = 0;
var array = new Array();

for(i=0;i<Student.Math.length;i++){
	array.push(Student.Math[i].name);
	array.push(Student.Math[i].mark);
	array.push(Student.Math[i].age);
}

for(i=0;i<Student.Science.length;i++){
	array.push(Student.Science[i].name);
	array.push(Student.Science[i].mark);
	array.push(Student.Science[i].age);
}
alert("array==>"+array);

//This method produce a JSON text from a JavaScript value.
//这个方法将一个JavaScript值转换为一个JSON字符串
alert("array.toJSONString()==>"+array.toJSONString());
alert("String.parseJSON==>"+array.toJSONString().parseJSON());
var data2 = array.toJSONString().parseJSON();
if(data2 instanceof Array){
	alert("Array");
}

 

 

分享到:
评论
8 楼 xmlspy 2009-12-29  
//表达式有浏览器兼容问题
//var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
    //    escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
//这个是修正后的
var cx = new RegExp('/[\\u0000\\u00ad\\u0600-\\u0604\\u070f\\u17b4\\u17b5\\u200c-\\u200f\\u2028-\\u202f\\u2060-\\u206f\\ufeff\\ufff0-\\uffff]/g'),
        escapable = new RegExp('/[\\\\\\"\\x00-\\x1f\\x7f-\\x9f\\u00ad\\u0600-\\u0604\\u070f\\u17b4\\u17b5\\u200c-\\u200f\\u2028-\\u202f\\u2060-\\u206f\\ufeff\\ufff0-\\uffff]/g'),
7 楼 whiletrue 2009-12-27  
看看json.org就明白了.
6 楼 wucc1986 2009-12-27  
fan-R 写道
确实没有讲出json的精华,你讲的这些数组对象也可以完成的

json的精华是什么呢?
5 楼 always-missing 2009-12-27  
fan-R 写道
确实没有讲出json的精华,你讲的这些数组对象也可以完成的


只是翻译老外的教程,一个系列教程,都是些基础的东东
4 楼 fan-R 2009-12-27  
确实没有讲出json的精华,你讲的这些数组对象也可以完成的
3 楼 szwx855 2009-12-26  
其实JS自带的定义数组也支持楼主说的格式:
  var array = {
     
    'one':['a','b','c'],
    'two':['a','b','c']

  }

  var array_ = [];
  array_.one = ['a','b','c'];
  
  for(var i in array.one)alert(array.one[i]);
  for(var i in array.two)alert(array.two[i]);
  for(var i in array_.one)alert(array_.one[i]);
2 楼 always-missing 2009-12-24  
egmacross 写道
jsonmessage.js是干啥的?

这是我自己写的js文件的名称,里面是我的js代码,避免页面堆砌大量而已
1 楼 egmacross 2009-12-24  
jsonmessage.js是干啥的?

相关推荐

    javascript对象转换成json

    在JavaScript中,对象转换成JSON(JavaScript Object Notation)是一种常见的数据交换格式,它轻量级、易读、易写,被广泛应用于Web应用程序之间传递数据。JSON格式是基于JavaScript的一个子集,但它并不是...

    JSON in JavaScript

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式,但也使用了类似于C家族语言(包括JavaScript)的习惯。JSON在JavaScript中扮演着重要角色,因为它是JavaScript...

    jsoneditor_javascript_JSON_jsoneditor9.1.4_json-editorjs_

    JSONEditor是一款功能强大的基于JavaScript的JSON数据编辑器,它允许用户以可视化的形式创建、编辑和查看JSON数据。在Web应用程序中,它常用于...同时,深入学习和掌握JSON和JavaScript将有助于提升Web开发的专业技能。

    JavaScript and JSON Essentials

    读者将通过实际的动手实践来学习JSON和JavaScript,并了解如何将这些技术应用到真实世界的项目中。 本书还提供了多种资源,比如一些代码示例和实际应用,用以帮助读者更快地掌握JSON处理技能。此外,书中还会介绍...

    Json 入门学习资料

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。它基于JavaScript的一个子集,但其实它是语言无关的,有独立的规范,并且可以被许多编程语言解析和生成。以下...

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

    下面我们将详细讨论如何在JavaScript中处理JSON字符串和JSON对象。 一、JSON字符串转换为JSON对象 在JavaScript中,可以使用`JSON.parse()`方法将一个JSON格式的字符串转换为JavaScript对象。这个方法接收一个JSON...

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】。JavaScript中解析JSON的js包,页面中引入json3.js,即可使用。 使用方法:JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文: ...

    [JSON] JavaScript & JSON 核心技术 (英文版)

    [Packt Publishing] JavaScript & JSON 核心技术 (英文版) [Packt Publishing] JavaScript and JSON Essentials (E-Book) ☆ 图书概要:☆ Successfully build advanced JSON-fueled web applications with this ...

    json格式校验前端插件(javascript)

    本文将详细介绍一个基于JavaScript的JSON格式校验前端插件,以及如何利用它来提高开发效率。 首先,这个插件主要提供了以下功能: 1. **JSON字符串格式化**:当接收到JSON数据时,前端开发者可以使用这个插件将...

    javascript json数据解析工具json2.js

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式,但也使用了类似于C家族语言,包括JavaScript,的结构。JSON2.js是由Douglas Crockford开发的一个JavaScript库,...

    JavaScript JSON Cookbook mobi

    JavaScript JSON Cookbook 英文mobi 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    JSON 学习之JSON in JavaScript详细使用说明

    ### JSON 学习之 JSON 在 JavaScript 中的详细使用说明 #### 一、引言 JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript的一个子集...

    javascript object to json string

    JavaScript对象转换为JSON字符串是Web开发中的常见操作,特别是在数据交换和存储时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于...

    Javascript解析JSON数据

    JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

    JSON的学习总结(总结+源码)

    JSON的学习涉及其基本语法、JSONObject和JSONArray的使用,以及在JavaScript中的解析方法。理解这些知识点对于开发Web应用至关重要,无论你是服务器端开发者还是前端开发者。正确地处理和解析JSON数据能有效提升应用...

    一个用于将JSON数据转换为Table的JavaScript库

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。在前端开发中,我们经常需要将从服务器获取的JSON数据展示在网页的表格中,以便用户直观地查看和操作数据。...

    javascript读取Json数据分页显示

    在这个场景中,我们将讨论如何使用JavaScript从JSON数据源中读取数据,并实现支持键盘和滚轮翻页的功能。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于...

    使用JavaScript操作JSON源码

    JavaScript是一种广泛用于网页和网络应用的编程语言,它在现代前端开发中扮演着核心角色,尤其是在处理数据交换和动态内容时。...通过不断实践和学习,你可以更高效地利用JSON来构建功能丰富的Web应用程序。

    纯javascript实现json与对象的互相转换项目

    此项目对于学习JavaScript和深入理解数据序列化与反序列化流程非常有价值。通过实践,开发者可以增强对JavaScript语法、数据结构以及错误处理的理解,同时提升代码质量与效率。在实际开发中,这样的功能广泛应用于...

    Json+javascript歌曲清单源码

    Json+javascript歌曲清单源码 项目介绍: 1.服务器接受请求 后台一般处理程序,将音乐文件夹里, 音乐信息转换问Json字符串发送到客户端; 2.客户端将字符串转换为Json对象,将其绑定到页面上; 3.借用雅虎的播放器插件,将...

Global site tag (gtag.js) - Google Analytics