理清JS数组、json、js对象的区别与联系

最近在敲代码时,遇上了一个关于JS数组的问题,由此引发了关于对象和json的联想,曾经觉得很畅顺的知识点突然模糊了。于是,为了理清这些东西,有了如下这篇文章。觉得没问题的猿们可以当复习,而那些带着疑问的童鞋可以细细看。当然,有任何问题欢迎指出。
理清这些问题,第一步当然是找到他们的概念:
一切(引用类型)都是对象,对象是属性的集合。

(1)JS数组,常态为var a = [1,2,3]的格式,用文字来形容就是一个有序数列。因为是有序的,所以里面的东西是按序排放

(2)自定义js对象,这里我构造一个和json相似的对象来找到区别,这里写了两种构造方法 
2.1 var person = {key:“value”} 
2.2var person = new object(); 
person.key=“value” ;

(3)json:一种存储和交换信息的格式,常态为var json = {“key”:“value”}的格式,这里和js对象不同的是key多了“”

区别与联系: 
一、json对象与json字符串的联系: 
1. json对象 
var json = { 
“key1”:“value1”, 
“key2”:“value2”, 
};

json为 {“key1”:“value1”,“key2”:“value2”}

  1. json字符串 
    var a1 = “{“; 
    var a2 = “‘key1’:’value1’,”; 
    var a3 = “‘key2’:’value2’}”; 
    var a = a1 + a2 + a3;

a为 ‘{“key1”:“value1”,“key2”:“value2”,}’ //比上面在外面多了引号,因为是字符串

所谓的json字符串,其实是一种json格式的字符串, 
而json对象则是一种json格式的键值对对象(有对象的属性和方法), 
所以json字符串不同于json对象,但是他们可以相互转化: 
eval(json字符串) ==》 转化成json对象 
JSON.stringify(json对象) ==》转化为json字符串

二、js对象与json对象 
js对象,var person = {key:“value”} 
json对象,var json = {“key”:“value”} 
在json规范里面描述里,json键值对为string:value形式,所以这里的key是字符串,要加双引号 
记得上面概念里,js所有事物都是对象,那么我们完全可以把json对象当做js对象的子集,string只是js对象的key的数据类型中的一个选项 
额外说一点,js里面是没有键值对数组这一说的,现有的这种键值对数组(也即是关联数组)其实就是js对象,需要的要自己去构造,如: 
var a = []; 
a.push({ 
value:value 
});

当然,现在的ES6已经有了专门表示键值对数组的结构,即map

json格式常用于数据传输方面,其他情况遇到类似json对象的形式,可以把它当成是特殊的js对象来处理,例子如下 
var a = { 
“star”:{“img”:require(./image/XXX.png),”name”:”picture1”}, 
“earth”:{“img”:require(./image/YYY.png),”name”:”picture2”} 
};

所以 a[star].name 以及 a[star][name] 指的都是picture1

三、json对象乱入数组 
var a = [ 
{“img”:”require(./image/XXX.png)”,”name”:”picture1”}, 
{“img”:”require(./image/YYY.png)”,”name”:”picture2”} 
];

这里的问题只要记住一点,是数组就进行数组处理,是json对象就进行json对象处理, 
这段可以分解为 
var q = {“img”:…..}; 
var w = {“img”:….}; 
a[q,w]

a[1][name] 或者 a[1].name 都是picture2

另外,需要注意上述提到一点,关联数组属于js对象而不是数组,

所以虽然a[1][name]或者 a[1].name 都是可以使用类似于数组的索引,但它实质是js对象object

 
 
 
 
 
 
 
 
 
 
 

                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值