如何将json字符串转换回Angular 8中的对象答案

【问题标题】：how to convert json string back to an object in Angular 8如何将json字符串转换回Angular 8中的对象
【发布时间】：2021-03-17 06:50:18
【问题描述】：

我将此对象转换为 JSON 字符串。 subject1, subject2, subject 3 的值来自 Angular 前端的输入字段

subject = {
    "subject1": "A",
    "subject2": "B",
    "subject3": "C"
}

现在我有一个这样的 JSON 字符串，

const subject = {"subject1": "A", "subject2": "B","subject3":"c"}

像这样，我将其保存为 DB 中的 JSON 字符串。在另一个地方，我想像之前所做的那样将此字符串作为对象访问。分别输出这些主题，就像它作为一个对象一样。

示例：- 第一个输入框 - subject1 值为 A ，第二个输入框 - subject2 值为 B

如何将它们像单独的值一样重新放回单独的变量中，或者以任何其他方式将它们分开并放回文本字段中？

我只是尝试获取该 JSON 字符串并尝试访问 subject1 之类的 subject1 = subjects.subject1 这样我可以将 subject1 放在相关的文本字段中。但这不起作用。我检查了以前的类似问题。但他们没有回答我的问题。我该如何解决这个问题？

【问题讨论】：

标签： json angular object

【解决方案1】：

您可以使用JSON.parse 来完成。

  const obj = JSON.parse(subjects);
  console.log(obj.subject1);  // "A"

【讨论】：

【解决方案2】：

您可以使用解构赋值：

解构赋值语法是一种 JavaScript 表达式，它可以将数组中的值或对象中的属性解包到不同的变量中。

const subject = {
    "subject1": "A",
    "subject2": "B",
    "subject3": "C"
}

const {subject1,subject2,subject3} = subject;

console.log(subject1);
console.log(subject2);
console.log(subject3);

你可以找到更多关于解构赋值here

【讨论】：

这很酷。谢谢你。我找这个很久了。