从 js object 拉取的 JS 数组格式化

Question

一个新的爱好者，我正在使用一些预先存在的代码并试图找到一种方法来分割数组。map 拉入代码，而不是让它写成一个平面 object。

原始代码：

  const restructuredAttributes = {};
  jsonData.attributes.map((attr) => {
    restructuredAttributes[attr.trait_type] = attr.value;
  }, []);

将 output 放入新文件的结果如下：

"attributes":[
  "Attribute One":"trait one",
  "Another attribute":"Another trait",
  "And another":"And another trait"

但这是我想要的结果：

"attributes": [
  {
    "Attribute": "trait",
  },
  {
    "Another attribute": "Another trait",
  },
  {
    "And another": "And another trait"
  }

我尝试进行一些修改（处理初学者知识，tbh）并尝试手动插入 {}，如下所示：

const restructuredAttributes = {};
jsonData.attributes.map((attr) => {
  restructuredAttributes["{" + attr.trait_type] = attr.value + "}";
}, []);

但它们最终出现在从 js object 中提取的“”中

"attributes": [
  "{Attribute One": "trait one}",
  "{Another attribute": "Another trait}",
  "{And another": "And another trait}"

任何输入或指导将不胜感激。

Answer 1

根据您的attr值返回具有单个属性的 object。 数组的map方法根据循环的结果返回一个新的数组。

const restructuredAttributes = jsonData.attributes.map((attr) => ({
  [attr.trait_type]: attr.value;
}));