json中怎么取出对象的属性值啊?

JavaScript014

json中怎么取出对象的属性值啊?,第1张

json中取出对象的属性值步骤如下:

1、打开vscode,创建一个测试页面JsonTest.html,用于演示在js中如何获取json对象的属性集合。

2、在测试页面中,定义一个js变量,将其赋值为json格式的字符串,用于模拟从后台返回过来的json字符串值,以及后续转换为json对象,和获取其属性集合。var json = "[{\"Col1\": \"Hello\", \"Col2\": \"World\"}, {\"Col1\": \"您好\", \"Col2\": \"世界\"}]"。

3、使用js的eval函数,将json字符串的变量值,转换为json对象。var $json = eval("(" + json + ")")

4、得到json对象之后,使用for-in循环语句,得到json对象的序号,也就是,这个json对象中,还有多少个子对象。

5、因为js是弱类型的语言,并不要求json对象中的每个子对象属性都一样。所以,在得到序号之后,使用Object.keys($json[i])就能获取到当前json子对象的属性集合。

6、如果想要获取到json对象的每个具体的列名和值,就需要再加一个for循环,遍历列名,得到列名和值。

1、先定义一个json变量。

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

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

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

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

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

==========================================

js 中读取JSON的方法探讨

js读取JSON的方法我接触到的有两种:

方法一:函数构造定义法返回

var strJSON = "{name:'json name'}"//得到的JSON

var obj = new Function("return" + strJSON)()//转换后的JSON对象

alert(obj.name)//json name

方法二:js中著名的eval函数

var strJSON = "{name:'json name'}"//得到的JSON

var obj = eval( "(" + strJSON + ")" )//转换后的JSON对象

alert(obj.name)//json name

第二种方法需要注意的是,对象表达式{'name':'json name'}必须用“()”扩住,否则

var strJSON = "{name:'json name'}"

var obj = eval(strJSON)

alert(obj.constructor)//String 构造函数

alert(obj.name)//undefine

必须把对象表达式扩起来eval执行才能生成一个匿名对象!