从 reactjs 中的 json 对象获取值

Question

我已经在我的 sql 数据库中以 JSON 的形式存储了地址，我如何访问 object Z466DEEC76ECDF35FCA546 的每个键和值

用户表值：

{
id: 1, 
billing_address: "\"{\\\"country\\\":\\\"India\\\",\\\"address\\\":\\\"23, 4th cross\\\",\\\"city\\\":\\\"Udupi\\\",\\\"state\\\":\\\"Tamil Nadu\\\",\\\"zip\\\":\\\"123456\\\"}\"",
created_at: "2021-06-02T03:16:04.000Z",
email: "xxx@gmail.com",
name: "xxx"
}

billing_address 包含字段地址、国家、城市、state 和 zip。 如何访问 ReactJs 中的 billing_address JSON object 中的每个键和值？

Answer 1

要获取帐单地址，您需要使用JSON.parse 。 使用您当前的数据格式，您需要使用它两次。 请看下面的代码。

 var data = { id: 1, billing_address: "\"{\\\"country\\\":\\\"India\\\",\\\"address\\\":\\\"23, 4th cross\\\",\\\"city\\\":\\\"Udupi\\\",\\\"state\\\":\\\"Tamil Nadu\\\",\\\"zip\\\":\\\"123456\\\"}\"", created_at: "2021-06-02T03:16:04.000Z", email: "xxx@gmail.com", name: "xxx" }; var billingAddress = JSON.parse(JSON.parse(data.billing_address)); console.log("Billing address:", billingAddress); console.log("Country:", billingAddress.country );

Answer 2

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

例如：

const dbAddress = 
{
 id: 1, 
 billing_address: "\"{\\\"country\\\":\\\"India\\\",\\\"address\\\":\\\"23, 4th cross\\\",\\\"city\\\":\\\"Udupi\\\",\\\"state\\\":\\\"Tamil Nadu\\\",\\\"zip\\\":\\\"123456\\\"}\"",
 created_at: "2021-06-02T03:16:04.000Z",
 email: "xxx@gmail.com",
 name: "xxx"
};

const address = 
{
  ...dbAddress,
  billing_address: JSON.parse(JSON.parse(dbAddress.billing_address)),
};

console.log(address);
console.log(address.billing_address.country);