前台js 取json 对象数组数据

JavaScript04

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

1、先定义一个json变量。

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

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

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

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

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

函数不需要 return,因为 json 对象会被函数直接修改。

var str1 = {"name": "apple", "sex": "21"}

// 参数:prop = 属性,val = 值

function createJson(prop, val) {

// 如果 val 被忽略

if(typeof val === "undefined") {

// 删除属性

delete str1[prop]

}

else {

// 添加 或 修改

str1[prop] = val

}

}

下面为测试

// 无改动,输出 Object {name="apple", sex="21"}

console.log(str1)

// 添加属性 color,值为 red

createJson("color", "red")

// 输出 Object {name="apple", sex="21", color="red"}

console.log(str1)

// 修改属性 name 的值为 banana

createJson("name", "banana")

// 输出 Object {name="banana", sex="21", color="red"}

console.log(str1)

// 删除属性 sex

createJson("sex")

// 输出 Object {name="banana", color="red"}

console.log(str1)

函数应该有三个参数的,第一个为 json 对象,但应你要求,只写了两个,所以函数只能用于修改 str1。