请问:用JS创建json数据,并且可以动态往json数据里面添加新值,也可以修改值。

JavaScript014

请问:用JS创建json数据,并且可以动态往json数据里面添加新值,也可以修改值。,第1张

函数不需要 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。

javascript里面可以直接定义JSON串,

例如:方式一:var json={"id":"11","name":"11"}

方式二:var json1={"id":"12",users:[{"name":"11","id":"11"},{"name":"12","id","12"}]}.

1、首先,需要创建一个Json文件。或者是用户自行从网络上获得Json文件。

2、如果用户是创建的。还需要在新建的Json文件中输入数据。

3、准备好Json数据文件以后,接着创建一个Html文件。在<script>标签内创建一个函数,使用Ajax语言获得和读取Json文件。

4、获取和读取文件以后,在读取数据前。用户还需要创建一个用户遍历Json文件全部数据的函数。

5、创建数据遍历函数以后,在获取和和读取函数中进行调用。遍历读取文件中的数据。

6、获取Json文件中的全部数据以后,将数据用Html代码呈现到网页上。