js json对象添加数据|极客笔记

js json对象添加数据

1. 引言

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端数据传输。在JavaScript中，可以通过JSON对象来处理JSON数据。本文将详细讲解如何使用JavaScript往JSON对象中添加数据的方法。

2. 方法一：直接赋值

最简单的方式是直接赋值给JSON对象的属性。例如，我们有一个空的JSON对象，需要往其中添加一个名为”name”，值为”John”的属性。

let json = {}; // 创建一个空的JSON对象
json.name = "John"; // 直接给JSON对象添加属性
console.log(json); // 输出：{name: "John"}

3. 方法二：使用ES6的Object.assign()

ES6引入的Object.assign()方法可以用于将源对象的所有可枚举属性复制到目标对象中。利用这个方法，我们可以将一个新的属性添加到JSON对象中。

let json = {}; // 创建一个空的JSON对象
Object.assign(json, { name: "John" }); // 将属性{name: "John"}复制到JSON对象中
console.log(json); // 输出：{name: "John"}

4. 方法三：使用ES6的扩展运算符

ES6的扩展运算符(…)也可以用于将一个对象的所有属性复制到另一个对象中，包括JSON对象。我们可以将新的属性与原有的属性合并，从而实现往JSON对象中添加数据的目的。

let json = {}; // 创建一个空的JSON对象
json = { ...json, name: "John" }; // 将属性{name: "John"}与JSON对象合并
console.log(json); // 输出：{name: "John"}

5. 方法四：使用JSON.parse()和JSON.stringify()

JSON.parse()方法用于将一个JSON字符串解析为JavaScript对象。我们可以先将JSON字符串解析为对象，然后进行修改，最后再将其转换回JSON字符串。

let jsonString = '{}'; // 创建一个空的JSON字符串
let json = JSON.parse(jsonString); // 将JSON字符串解析为对象
json.name = "John"; // 给JSON对象添加属性{name: "John"}
let newJsonString = JSON.stringify(json); // 将对象转换为JSON字符串
console.log(newJsonString); // 输出：{"name":"John"}

6. 方法五：使用Array.prototype.push()

如果JSON对象是一个数组，我们可以使用Array的push()方法往数组中添加新的元素。

let jsonArray = []; // 创建一个空的JSON数组
jsonArray.push("John"); // 使用push()方法往数组中添加元素
console.log(jsonArray); // 输出：["John"]

7. 结论

本文介绍了五种常用的方法来往JSON对象中添加数据。具体选择哪种方法取决于你的需求以及代码的实际情况。

js json对象添加数据