加载中...
Json 中的 Javascript
发表于:2022-03-11 | 分类: 前端学习

Json 中的 javascript

Json 的简单介绍

从结构上看,所有的数据最终都可以分成三种类型:
第一种类型是 scalar(标量),也就是一个单独的 string(字符串)或数字(numbers),比如“北京”这个单独的词。
第二种类型是 sequence(序列),也就是若干个相关的数据按照一定顺序并列在一起,又叫做 array(数组)或 List(列表),比如“北京,东京”。
第三种类型是 mapping(映射),也就是一个名/值对(Name/value),即数据有一个名称,还有一个与之相对应的值,这又称作 hash(散列)或 dictionary(字典),比如“首都:北京”。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它的规则非常简单并且是有趣的:
1) 并列的数据之间用逗号(“,”)分隔。
2) 映射用冒号(“:”)表示。
3) 并列数据的集合(数组)用方括号(“[]”)表示。
4) 映射的集合(对象)用大括号(“{}”)表示。
按照这个规则可以作以下理解: 1.数组用”[]”创建,对象用”{}”创建,并且使用 Json 基本都是用[]或者{}创建的数组或对象 2.无论是数组还是对象,之间的元素都用”,”隔开 3.对象内部,(属性的)名称和值必须用”:”隔开,不可单独存在属性名或者值; 4.对象和数组可以互相嵌套,即数组中的一个元素可以是一个对象也可以是一个数组,同理对象中的一个属性的值可以是一个对象也可以是一个数组。

例子:

<script language="javascript" type="text/javascript">
	var china = {
	    beijing: {name: "北京", area: "16000", haidian: {name: "海淀区"},
	    shanghai: {name: "上海", area: "10000", minhang: {name: "闵行区"}
	};
	alert(china.beijing.name);  //弹出北京
	alert(china.shanghai.minhang.name); //弹出闵行区
</script>
<script language="javascript" type="text/javascript">
	var ourcountry = [['北京市'], ['上海市'], ['合肥市', '芜湖市', '蚌埠市']]
	alert(ourcountry[2][1]) //弹出芜湖市
</script>
<script language="javascript" type="text/javascript">
	var china = {
		provinces: [
			{
				name: '北京',
				cities: [
					{
						name: '北京市',
						quxian: ['海淀区', '朝阳区', '东城区', '西城区'],
					},
				],
			},
			{
				name: '安徽省',
				cities: [
					{
						name: '芜湖市',
						quxian: ['繁昌县', '芜湖县', '南陵县', '三山区'],
					},
					{ name: '合肥市', quxian: ['肥西县', '蜀山区', '庐阳区'] },
				],
			},
			'湖北省',
		],
	}
	alert(china.provinces.length) //数组长度为3
	alert(china.provinces[1].name) //安徽省
	alert(china.provinces[1].cities[0].quxian[2]) //南陵县
	alert(china.provinces[1].cities[1].name) //合肥市
	alert(china.provinces[2]) //湖北省
</script>

JavaScript 中的数组和对象

在 JavaScript 中,通常用[]创建的数据格式称为数组,用{}创建的东西称为对象。
有一个数组 a=[1,2,3,4],还有一个对象 a={0:1,1:2,2:3,3:4},运行 alert(a[1]),两种情况下的运行结果是相同的!这就是说,数据集合既可以用数组表示,也可以用对象表示,那么到底该用哪一种呢?
其实数组表示有序数据的集合,而对象表示无序数据的集合。如果数据的顺序很重要,就用数组,否则就用对象。
当然,数组和对象的另一个区别是,数组中的数据没有“名称”(name),对象中的数据有“名称”(name)。但是问题是,很多编程语言中,都有一种叫 做“关联数组“(associativearray)的东西。这种数组中的数据是有名称的。

比如在 javascript 中,可以这样定义一个对象:

var a={“城市”:”北京”,”面积”:16800,”人口”:1600};
但是,也可以定义成一个关联数组:
var a = new Array();
a[“城市”]=”北京”;
a[“面积”]=16800;
a[“人口”]=1600;

上一篇:
jwt验证(前端)
下一篇:
网站搭建准备工作
本文目录
本文目录