JS中JSON对象和String之间的互转及处理技巧

当涉及JavaScript中JSON对象和String之间的互转及处理时，需要注意一些技巧才能顺利完成目标。

一、JSON字符串和JSON对象之间的转换

在JavaScript中，可以将JS对象转化为JSON对象，或将JSON对象转化为JS对象。JSON对象和JS对象的主要区别在于JSON属于独立的数据格式，不能包含函数、变量等。因此，在转换的过程中，需要注意数据类型的规范。

1.1 JS对象转换为JSON对象

将JS对象转换为JSON对象可以使用JSON.stringify()方法，该方法会将JS对象转换为JSON对象，并且如果对象中存在函数和变量等不适用于JSON格式的数据将直接被忽略。

let jsObj = {
  name: "Tom",
  age: 20,
  gender: "Male"
};
let jsonObj = JSON.stringify(jsObj);
console.log(jsonObj);

运行结果：

{
  "name": "Tom",
  "age": 20,
  "gender": "Male"
}

1.2 JSON对象转换为JS对象

将JSON对象转换为JS对象可以使用JSON.parse()方法，该方法会将JSON对象转换为JS对象。

let jsonObj = '{"name": "Tom", "age":20, "gender":"Male"}';
let jsObj = JSON.parse(jsonObj);
console.log(jsObj);

运行结果：

{
  name: "Tom",
  age: 20,
  gender: "Male"
}

二、String和JSON对象之间的转换

在JavaScript中，可以将JSON格式的字符串转化为JSON对象，或将JSON对象转化为JSON格式的字符串。这种转换可以用于客户端和服务器之间的数据传输。

2.1 JSON对象转换为JSON字符串

将JSON对象转换为JSON字符串可以使用JSON.stringify()方法。

let jsObj = {
  name: "Tom",
  age: 20,
  gender: "Male"
};
let jsonStr = JSON.stringify(jsObj);
console.log(jsonStr);

运行结果：

{"name":"Tom","age":20,"gender":"Male"}

2.2 JSON字符串转换为JSON对象

将JSON字符串转换为JSON对象可以使用JSON.parse()方法。

let jsonStr = '{"name": "Tom", "age":20, "gender":"Male"}';
let jsObj = JSON.parse(jsonStr);
console.log(jsObj);

运行结果：

{
  name: "Tom",
  age: 20,
  gender: "Male"
}

三、JSON对象的处理技巧

在JavaScript中，可以对JSON对象进行一些常用的处理操作。

3.1 遍历JSON对象

在JavaScript中，可以使用for...in循环语句遍历JSON对象，从而获取对象属性及属性值。

let jsObj = {
  name: "Tom",
  age: 20,
  gender: "Male"
};
for (let key in jsObj) {
  console.log(key + ":" + jsObj[key]);
}

运行结果：

name: Tom
age: 20
gender: Male

3.2 修改JSON对象

在JavaScript中，可以修改JSON对象的属性值。

let jsObj = {
  name: "Tom",
  age: 20,
  gender: "Male"
};
jsObj.age = 25;
console.log(jsObj);

运行结果：

{
  name: "Tom",
  age: 25,
  gender: "Male"
}

四、JSON格式的字符串处理技巧

4.1 去掉JSON字符串中某属性

在JavaScript中，可以通过使用delete语句去掉JSON对象中的某一个属性，而对于JSON字符串，则需要先转化为JSON对象，进行属性删除后再转化为字符串。

let jsonStr = '{"name": "Tom", "age":20, "gender":"Male"}';
let jsObj = JSON.parse(jsonStr);
delete jsObj.gender;
jsonStr = JSON.stringify(jsObj);
console.log(jsonStr);

运行结果：

{"name":"Tom","age":20}

4.2 在JSON字符串中新增属性

在JavaScript中，可以使用Object.assign()方法新增JSON对象的属性。而对于JSON字符串，则需要先转化为JSON对象，进行属性新增后再转化为字符转。

let jsonStr = '{"name": "Tom", "age":20}';
let jsObj = JSON.parse(jsonStr);
Object.assign(jsObj, {gender: "Male"});
jsonStr = JSON.stringify(jsObj);
console.log(jsonStr);

运行结果：

{"name":"Tom","age":20,"gender":"Male"}

以上就是“JS中JSON对象和String之间的互转及处理技巧”的完整攻略。其中包含了两条详细的示例说明，希望对你有所帮助。