如何将字符串转换为对象并在反应中循环答案

【问题标题】：How to convert a string to object and loop in react如何将字符串转换为对象并在反应中循环
【发布时间】：2021-10-06 13:15:52
【问题描述】：

我有一个从数据库中获取的对象

注意：下面的数组是console.log(ansoptions)的输出；

[{id:1, option:"Yes"},{id:2, option:"No"},{id:3, option:"Other"}]

这最初是数据类型字符串。我想将其转换为对象数组并循环获取 id 和选项值。

我试过下面的代码

var ansoptions = JSON.parse(JSON.stringify(props.answerOptions));
console.log(ansoptions);
Array.from(ansoptions, item => {
console.log(item);
})

对于console.log(item)，我得到如下奇怪的输出

等等……

我如何获得它？请帮忙！！

【问题讨论】：

JSON。 parse() 方法解析 JSON 字符串，构造字符串描述的 JavaScript 值或对象。 JSON。 stringify() 方法将 JavaScript 对象或值转换为 JSON 字符串。因此，如果您要获取字符串数据类型，则应使用 JSON.parse(yourStringDataType)，这会将其转换为对象。
@Aldin 如果这样做会出错

标签： javascript reactjs for-loop foreach

【解决方案1】：

解析 JSON（一个字符串），然后遍历创建的数组。

const json = '[{"id":1, "option":"Yes"},{"id":2, "option":"No"},{"id":3, "option":"Other"}]';

const arr = JSON.parse(json);

for (let obj of arr) {
  console.log(obj.id, obj.option);
}

【讨论】：