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

最新推荐文章于 2024-07-23 11:07:53 发布
最新推荐文章于 2024-07-23 11:07:53 发布
阅读量295 收藏
点赞数
分类专栏： WEB前端@javascript 文章标签： json javascript java ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/schy_hqh/article/details/84486708
版权

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>

 

schy_hqh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript自定义对象之JSON方式
cage7181的博客
04-05 846
JSON(javaScript Object Notation)是一种基于ECMAScript的轻量级数据交换格式，采用完全独立于语言的文本格式，能够以更加简单的方式来创建对象。 使用JSON方式无须构造函数和new关键字，直接创建所需的javaScript对象即可。 JSON对象是以"{"开始，以"}"结束，且属性与属性值成对出现，其语法格式如下。 【语法】 { //对象...
JSON对象和javascript对象的相互转换
zhm0303的博客
01-02 3641
一，关于json对象与javascript对象的区别//javascript对象：var param={name:'张三',age:18,address:'锦绣路'} ;//JSON对象：{"name":"张三"，"age":"18","address":"锦绣路"}区别：JSON对象没有变量的概念，末尾也不加分号，无论key还是value都用双引号括起来二，JSON对象和javascript对象
js中自定义对象、json对象、json字符串、普通js对象
IT_CREATE的博客
12-18 8434
4.7 自定义对象 JS除了内置对象之外，还允许我们程序自己定义属于我们自己的对象，在JS中自定义对象的方式有2种：通过构造器创建对象，通过JSON创建对象。 4.7.1 构造器创建对象（原生JS对象） 构造器，就是一个普通的函数，函数中可以定义0到N个参数，具体的代码如下： /*对象构造器，就是一个普通函数*/function Student(stuName,age,pas...
JSON---JavaScript对象表示法
qq_61902168的博客
12-22 943
JavaScript对象表示法----JSON
JavaScript核心技术之JSON详解
热门推荐
热爱前端的大三在校生
10-09 1万+
JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
js创建一个自定义json数组
记录本人工作中遇到的问题、经验总结以及分享。
05-18 4284
【代码】js创建一个自定义json数组。
JavaScript中JSON对象操作小结
cocoonyang的专栏
06-05 2564
简介JSON (JavaScript Object Notation) 是一种轻量的数据交换格式[1]. JSON有四种数据类型和两种数据集合类型，分别为： 数据类型: string, number, Boolean( true, false), null, 数据集合类型: object, array,string是一列包含在两个双引号之间，有0个或多个Unicode 字符的字符串。s...
javascript对象转换成json
07-13
这是自定义对象转换为JSON的一种方式，可以控制哪些属性被包含，以及它们如何被转换。 例如： ```javascript class Person { constructor(name, age) { this.name = name; this.age = age; } toJSON() { ...
JavaScript中json对象和string对象之间相互转化
10-27
JSON对象和字符串之间的相互转换是数据操作中的常见任务，特别是在与服务器进行数据交互时。本文将深入探讨这两种类型之间的转换方法。 首先，让我们看下如何在JavaScript中操作JSON对象。例如，我们有以下两个JSON...
Json 自定义使用函数的简单实例
10-21
在本文中，我们将深入探讨如何在Java中自定义使用JSON（JavaScript Object Notation）功能，特别是在处理对象转换为JSON字符串的场景。这个简单的实例展示了如何创建一个名为`JsonUtils`的工具类，它包含了将Java...
通过Kettle自定义jar包供javascript使用
10-15
标题中的“通过Kettle自定义jar包供javascript使用”指的是在Kettle数据转换或工作流中，如何创建自己的Java类并将其打包成jar文件，以便于JavaScript脚本在Kettle环境中调用这些自定义的方法。这通常是为了解决...
python对象与json相互转换的方法
09-19
在Python编程中，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，因其简洁、易读、易于解析的特点，广泛应用于网络通信和数据存储。本文将深入探讨如何在Python中将对象转换为JSON格式，以及如何将...
JavaScript（JS） --- JSON方法，自定义toJSON，转化JSON格式
秋天，黄叶坠地，凉风有信。
02-23 3029
JSON 方法，toJSON 假设我们有一个复杂的对象，我们希望将其转换为字符串，以通过网络发送，或者只是为了在日志中输出它。 JSON.stringify JSON（JavaScript Object Notation）是表示值和对象的通用格式。在 RFC 4627 标准中有对其的描述。最初它是为 JavaScript 而创建的，但许多其他编程语言也有用于处理它的库。因此，当客户端使用 JavaScript 而服务器端是使用 Ruby/PHP/Java 等语言编写的时，使用 JSON 可以很容易地进行数据
JavaScript——JSON
胖虎虎
07-30 1675
请自行设计JSON格式的数据，这个JSON格式的数据可以描述整个班级中每一个学生的信息，以及总人数信息。用java处理json发过来的字符串对象，\这是转义字符，将其转换成json的对象，在用对象调用属性。java中的数组int[]arr={1,2,3,4,5};本身tbody没有数据，通过点按钮，将json的数据显示到页面上。之前没有使用JSON的时候,定义类,创建对象,访问对象的属性.JS中的数组vararr=[1,2,3,4,5];每循环一次加一个html的页面以及json的数据。...
js中如何定义json数据
Code-Create-World
03-14 6596
1、将json格式的数据转换为jsonvar lineHead="["; lineHead+="{'mainType':'party','loginName':'G010000000312502','name':'1'},"; lineHead+="{'mainType':'admin','loginName':'G010070004902510','name':'2'},"; lineHead+
在JavaScript中用json对象创建一个table表格——实战练习
理想主义的花最终会盛开在浪漫主义的土壤里，我的热情永远不会熄灭在现实的平凡之中，我们终将上岸，阳光万里。
03-19 4033
背景 为了练习和使用js中的创建节点、追加节点以及练习生成json对象和遍历集合。对现阶段学习到的js中的DOM文档对象模型进行阶段总结并进行实践练习。 使用json对象的形式创建table表格 我们先来想一想如何进行实现，实现的步骤有哪几步。 首先我们需要生成一个table，并将这个元素节点追加到body中。 声明json个格式的字符串，申明json对象 根据json对象的长度进行循环，每一次循环都生成一个tr，并将tr追加到table中去。 对json对象中的元素进行遍历，并生成td将元素赋值到td中
JSON 对象
03-30 3937
JSON 对象可以使用 JavaScript 创建。这里有一个例子，展示了在 JavaScript 中使用 JSON 创建对象，可以将下面的代码保存为。下面的例子展示了在 JavaScript 中使用 JSON 创建数组对象，可以将下面的代码保存为。JSON 对象使用在大括号({})中书写，对象可以包含多个 key/value（键/值）对。你可以使用点号(.)或者中括号([])来访问嵌套的 JSON 对象。注：.htm格式是早期的.html格式，此处内容无误。
js中对json的操作（自定义一个json数组及转化）
lcb9354的博客
09-04 1422
要点摘录： 1、将json类型的数组转化为字符串类型的json数组 var strArray = JSON.stringify(array); 2、将字符串类型的json数组转化为json类型的数组 var arrayJson = JSON.parse(strArray); <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <me
本地部署SearXNG
最新发布
m0_62458145的博客
07-23 426
当您安装 SearXNG 时，默认的输出格式是 HTML 格式。请将以下行添加到 settings.yml 文件中。如前面的示例所示，settings.yml 文件位于 ${PWD}/searxng/settings.yml。SearXNG 是一个免费的互联网元搜索引擎，整合了各种搜索服务的结果。用户不会被跟踪，也不会被分析。中填写访问地址，例如：http://x.x.x.x:8080，如果你想通过其他方式安装 SearXNG，请参考。3. 在 Dify 中集成 SearXNG。
"JavaScript对象克隆方法详解：JSON与自定义函数实现
在JavaScript中，最简单的方法是使用JSON对象，将对象转换为字符串，然后再解析为一个新对象。也可以从开源社区中找到许多现成的对象克隆代码。然而，代码永远是他人的，自己动手写代码才是真正的学习之道。 为了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值