前台js 取json 对象数组数据

JavaScript07

前台js 取json 对象数组数据,第1张

1、先定义一个json变量。

2、然后定义这个变量的值,其实一个json对象就是一个obj对象。

3、要添加json对象的元素,直接使用数组下标方式,添加键和值就行了。

4、要为json对象添加对象,我们可以先创建一个对象。

5、然后也是使用数组下标方式,为其赋值为新的对象变量就行了。

6、在浏览器里,我们就可以看到这个json对象了,而且新加的元素和对象都已经在里面了。

JSON与JS对象的区别

和一些同学一样:总是感觉json对象(其实json不是对象)和js对象的字面量表示法相同,最近学习json,真心搞不懂,js对象和json有什么区别?就是感觉json的key要用” “括起来,但是js对象的字面量表示法不需要。

比如:

//js对象的字面量表示法:

var people1={

name:'hehe',

age:18

}

//json的格式是:

var people1={

"name":'hehe',

"age":18

}

1

2

3

4

5

6

7

8

9

10

11

二者相同的地方是,看起来都是数据,而且恰巧又都是文本;不同的地方在于,JS字面量的文本是被脚本引擎直接解析的,而JSON的文本,如果要转化为JS对象的话,是交给eval函数来处理的,那么,如何理解JSON的文本,就取决于这个函数,而不是脚本引擎,因为这2者的处理根本就不在一个层面上。

一直以为JSON是对象,然而在阅读js高程中出现了一些不理解的地方,网上查阅才发现JSON与JS有很大的不同。

var obj={width:100,height:200},这样的并不叫JSON,并且JSON只是一种数据格式,并不是具体的实例对象。但很多人把这样的JS对象当成JSON。

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,JSON格式的数据,主要是为了跨平台交流数据用的。

但JSON和JavaScript确实存在渊源,可以说这种数据格式是从JavaScript对象中演变出来的,它是JavaScript的一个子集。JSON本身的意思就是JavaScript对象表示法(JavaScript Object Notation),它用严格的JavaScript对象表示法来表示结构化的数据。

它是一种严格的js对象的格式,JSON的属性名必须有双引号,如果值是字符串,也必须是双引号;

JSON只是一种数据格式(或者叫数据形式),数据格式其实就是一种规范,格式、形式、规范是不能用来存诸数据的。我们不能把以下的对象叫JSON,比如:

<script>

var obj2={}//这只是JS对象

var obj3={width:100,height:200}/*这跟JSON就更不沾边了,只是JS的对象 */

var obj4={'width':100,'height':200}/*这跟JSON就更不沾边了,只是JS的对象 */

var obj5={"width":100,"height":200,"name":"rose"}/*我们可以把这个称做:JSON格式的JavaScript对象 */

var str1='{"width":100,"height":200,"name":"rose"}'/*我们可以把这个称做:JSON格式的字符串 */

var a=[

{"width":100,"height":200,"name":"rose"},

{"width":100,"height":200,"name":"rose"},

{"width":100,"height":200,"name":"rose"},

]

/*这个叫JSON格式的数组,是JSON的稍复杂一点的形式 */

var str2='['+

'{"width":100,"height":200,"name":"rose"},'+

'{"width":100,"height":200,"name":"rose"},'+

'{"width":100,"height":200,"name":"rose"},'+

']'

/*  这个叫稍复杂一点的JSON格式的字符串  */

</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

可以,以下举例说明:

function a(){

this.b = 12

this.c = 'ly'

}

var obj1 = new a()

var obj2 = new a//创建对象时可以不加()

var obj3 ={}

a.call(obj3)

console.log(obj1.b)//12

console.log(obj2.b)//12

console.log(obj3.b)//12

可以看到new和json方式结合call函数创建对象都具有同样的效果。

其实new创建对象,分为三步,第一步先由new来创建一个空对象,第二部将对象内置的原型对象设置为构造器prototype所引用的那个对象,第三步将对象作为this来调用构造函数。