`
schy_hqh
  • 浏览: 555729 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

javascript中自定义对象与JSON的使用

 
阅读更多

1.自定义javascript对象封装数据与方法

 

2.JSON

JavaScript Object Notation ,即JavaScript 对象表示法

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript" src="mytool.js"></script>
	<script type="text/javascript">
	
	//javascript命名规范示例 
	var iN = 1;
	var s = "aaa";
	var bX = true;
	var oMap = {};
	
		/**
		 javascript中存储数据的容器 : 数组 ,数组适用于处理一类有序的数据 ,数据与角标有对应关系,则可以用数组来存储映射关系 
		   对于没有规律,更复杂的数据存储,需要自定义对象来完成数据的存储 
			javascript中自定义对象,完成复杂数据的存储
		*/
		
		//下面4中定义方式有不同的适用场景
		
		
		//第一种方式---通过函数创建对象,然后再给对象动态赋予属性,属性可以是简单类型,也可以是复杂类型
		function Person() {}	
		var p = new Person();
		p.name = "lisi";
		p.age = 20;
		p.friends = ["smith","john","tom"];//数组中可以存放其它数组,或对象 
		
		sop(p.name + "," + p.age);//lisi,20
		sop(p["name"] + "," + p["age"]);//lisi,20
		sop(p.friends);//smith,john,tom
		
		sop("<hr/>");
		
		
		//第二种方式 ---通过Object创建对象 
		var god = new Object();
		god.name = "god";
		god.weapon = "ideology";
		god.fight = function() {
			return this.name + " is fighting, use:" + this.weapon;
		}
		sop(god.fight());//god is fighting, use:ideology
		
		sop("<hr/>");
		
		
		//第三种方式--->通过函数创建对象,利用"构造器"进行数据的初始化,不同的对象进行不同的初始化,非常灵活 ,与java中操作对象非常类似了
		//适用于定义一种数据比较复杂的类型,而且经常变化,又需要保持变化过程【 在客户端的进行数据存储与处理】 
		function Person(name,age) {
			this.name = name;
			this.age = age;
			this.getName = function() {
				return this.name;
			}
			this.setName = function(name) {
				this.name = name;
			}
			this.getAge = function() {
				return this.age;
			}
			this.setAge = function(age) {
				this.age = age;
			}
		}
		
		var p = new Person("zhangsansan",20);
		sop(p.getName()+","+p.getAge());//zhangsansan,20
		p.setName("小强");
		p.setAge(30);
		sop(p.getName()+","+p.getAge());//小强,30
		
		sop("<hr/>");
		
		
		//第四种方式 ---通过{}创建对象 ,运用于初始化一堆数据,
		//当成Map集合使用 ,先初始化, 再根据key从这个对象中动态读取数据  
		//这种方式适用于初始化有映射关系的数据,不管数据有多大,关系嵌套有多深,都能用这种方法处理,而且简单 
		var oMap = {};//定义一个对象 
		//定义一种数据交换格式
		var oItems = {
				itemA:"aaaaaaaa",
				"itemB":"bbbbbbbb"
		}
		//访问对象中的属性的两种方式 :对象.属性名  ,  对象["属性名"],两种都可以 !
		sop(oItems.itemA);
		sop(oItems["itemA"]);
		sop(oItems.itemB);
		sop(oItems["itemB"]);
		//注意:必须用var来显示的定义变量,否则IE9不支持,其它IE版本未测试 
		//不用var显示定义变量,firefox也能正常运行,但是,为了规范,在使用for in 时都用var来显示的定义变量吧!
		for(var item in oItems) {
			sop("key="+item+",value="+getValue(item));
		}
		
		function getValue(key) {
			return oItems[key];
		}
		
		
		//----------------------------JSON-------------------------------------//
		//------>其实就是当前流行的JSON---->JavaScript Object Notation JavaScript 对象表示法
		sop("<hr/>");
		//第四种方式其实就是在定义一个JSON格式的 javascript对象 !!!
		//标准JSON格式要求key为字符串,使用"key"进行描述,value类型丰富!
		var oProduct = {
					    "product_A": [
					        {
					            "name": "water",
					            "price": 3.00
					        },
					        {
					            "name": "cigarette",
					            "price": 20.00
					        }
					    ],
					    "product_B": [
					        {
					            "name": "rich",
					            "price": 20.89
					        },
					        {
					            "name": "meat",
					            "price": 25.67
					        }
					    ]
					}
		
		for(var product in oProduct) {
			var productArray = oProduct[product];//key:product_A/product_B, value:对应的数组
			for(var prod in productArray)//逐个获取数组中的对象
				sop(productArray[prod].name+":"+productArray[prod].price);//通过数组的角标获取到对应的对象 ,再从对象中取出属性值
		}
		
		/*
		遍历结果:
			water:3
			cigarette:20
			rich:20.89
			meat:25.67
		*/
	</script>
</head>
<body>

</body>
</html>

 

分享到:
评论

相关推荐

    javascript对象转换成json

    这是自定义对象转换为JSON的一种方式,可以控制哪些属性被包含,以及它们如何被转换。 例如: ```javascript class Person { constructor(name, age) { this.name = name; this.age = age; } toJSON() { ...

    php 把对象转化为json

    在PHP中,将对象转换为JSON(JavaScript Object Notation)是一种常见的操作,特别是在与前端交互时,例如在AJAX请求中。JSON格式是轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。下面我们将...

    json一键转换为易语言自定义数据类型1

    使用该算法,你需要提供完整的 JSON 对象作为输入,然后指定易语言中的顶级数据类型名称。算法将生成对应的易语言自定义数据类型源代码。你可以将生成的代码复制到你的易语言项目中,以便直接使用。 **4. 样例软件...

    对象转为json格式所需要的所有的jar

    - `jackson-annotations.jar`:包含了一些注解,如`@JsonAutoDetect`、`@JsonProperty`等,用于自定义对象到JSON的映射规则。 - `jackson-core.jar`:提供了基础的JSON读写功能。 2. **Gson库**: Gson是Google...

    模仿json,根据对象生成json字符串,根据字符串生成对象

    在IT行业中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用于Web服务和应用程序之间的数据传输。它的语法简洁且易于人阅读和编写,同时也容易让机器解析和生成。本文将深入探讨如何模仿...

    C#对象与json转换

    在C#编程中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于在客户端和服务器之间传输数据。C#提供了多种方法来实现对象与JSON之间的转换,这在开发Web应用、API接口或者进行数据存储时非常...

    gson java对象与json转换(实例代码说明及教程)

    在Java开发中,数据交换格式JSON(JavaScript Object Notation)被广泛使用,而Gson库是Google提供的一款强大的工具,它允许开发者轻松地在Java对象和JSON数据之间进行转换。本教程将深入讲解如何使用Gson库进行Java...

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

    这个项目专注于使用纯JavaScript来实现JSON与JavaScript对象之间的转换,这对于数据传输、存储以及在前端和后端之间进行通信至关重要。 首先,我们需要理解JSON的基本结构。JSON是一种文本格式,主要由键值对组成,...

    js中对象和面向对象与Json介绍

    JavaScript允许创建自定义对象,并提供了多个内建对象,例如String、Date、Array等。在JavaScript中,几乎所有的数据类型都可以被视为对象,这包括字符串、数值、数组、函数等。例如,字符串对象的`length`属性可以...

    Java对象与Json之间的互相转换的jar包

    在Java编程中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其简洁、易读、易于解析的特点,被广泛应用于Web服务和应用程序之间的数据传输。在处理JSON数据时,我们通常需要将Java对象转换为...

    使用fastjson实现对象和json串之间的相互转换的jar包

    在实际开发中,为了在项目中使用Fastjson,我们需要将"json格式转换依赖jar包"引入到构建工具(如Maven或Gradle)的依赖管理中。如果是Maven,可以在pom.xml文件中添加以下依赖: ```xml &lt;groupId&gt;...

    java 对象与json字符串互相转换工具类

    在Java开发中,数据交换和存储经常涉及到对象与JSON字符串之间的转换。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。Java提供了多种库来实现对象与...

    ssh将list自定义转化为json

    以上就是在SSH框架中,使用Fastjson将自定义类型集合List转化为JSON的基本步骤和一些自定义选项。这种方法简单高效,能够满足大多数开发需求。当然,其他库如Jackson和Gson也有类似的功能,选择哪个取决于项目的具体...

    JavaScript数组对象JSON学习笔记

    3. **直接支持 JavaScript 对象:** JSON 与 JavaScript 对象非常相似,可以直接在 JavaScript 中使用。 ##### JSON 与 XML 的比较 1. **效率:** JSON 比 XML 更节省带宽,因为 JSON 的数据结构更加紧凑。 2. **...

    Json与java对象之间相互转换源码

    本篇文章将详细探讨这个过程,以及如何使用常见的Java JSON库,如Gson和Jackson,进行JSON与Java对象的转换。 首先,让我们了解JSON的基本结构。JSON格式通常包含键值对(key-value pairs)和数组。键值对以冒号...

    Java中使用Json

    JSON格式基于JavaScript的一个子集,但与语言无关,因此在各种编程语言中,包括Java,都有广泛的应用。本文将深入探讨在Java中如何使用JSON,以及其在实际开发中的应用场景。 首先,Java中处理JSON的主要工具有两个...

    json_lib使用实例:java对象与json字符串的互转

    在Java中,为了方便地进行JSON与Java对象之间的转换,我们常常会使用到一些库,比如`json-lib`。这个库提供了丰富的API,使得我们可以轻松地将Java对象转化为JSON字符串,以及将JSON字符串反序列化为Java对象。 ###...

    使用json-lib实现json与Java对象的互转

    要使用 `json-lib` 实现 JSON 与 Java 对象的互转,首先需要在项目中引入该库。如果你使用的是 Maven,可以在 `pom.xml` 文件中添加如下依赖: ```xml &lt;groupId&gt;net.sf.json-lib&lt;/groupId&gt; &lt;artifactId&gt;json-lib...

    javascript object to json string

    通过使用`JSON.stringify()`,我们可以轻松地将JavaScript对象序列化为JSON格式,以便在网络上传输,存储在数据库中,或者与其他不支持JavaScript的对象交换数据。而`json2.js`这样的工具可能提供了额外的定制功能,...

Global site tag (gtag.js) - Google Analytics