如何将对象/数组分配给另一个对象？

Question

我正在开发一个接收如下列表的函数：

const payload = [
    [1, 2],
    [1,2,3],
    {
        name: 'sandra',
        age: 20,
        email: 'sandra@xyz.com'
    }
]

并返回一个像这样的对象：

{
  name: 'return payload',
  response: [ 
    { arr: [1, 2] }, 
    { arr: [1, 2, 3] }, 
    { arr: {
      name: 'sandra',
      age: 20,
      email: 'sandra@xyz.com'
    }
  ]
}

这是我拥有的功能：

const returnPayload = (arr) => {
  let response = [];
    for(let i = 0; i < arr.length; i++) {
      response.push({arr: arr[i]})
    }
    return {"name": "return payload", "response": response}
}

returnPayload(payload);
console.log(returnPayload(payload))

这是它当前返回的内容：

{
  name: 'return payload',
  response: [ { arr: [Array] }, { arr: [Array] }, { arr: [Object] } ]
}

我在网上检查了几个解决方案，建议将返回的对象传递给JSON.stringify(obj)，但我正在寻找一个更简洁、更易于阅读的替代方案。 JSON 方法返回：

{"name":"return payload","response":[{"arr":[1,2]},{"arr":[1,2,3]},{"arr":{"name":"sandra","age":20,"email":"sandra@xyz.com"}}]}

请原谅标题，我不知道如何描述这个问题。

Answer 1

听起来你只需要映射数组并在回调中返回一个包含每个项目的对象：

const payload = [
    [1, 2],
    [1,2,3],
    {
        name: 'sandra',
        age: 20,
        email: 'sandra@xyz.com'
    }
];

const result = {
  name: 'return payload',
  response: payload.map(item => ({ arr: item }))
};
console.log(result);

（但arr 属性不一定是数组，正如您在第 3 项中看到的那样 - 考虑一个更具信息性的属性名称，也许？）

Answer 2

如果“易于阅读”是指如何查看结果，则可以继续使用JSON.stringify()，但添加一个额外的间距参数。

const payload = [
    [1, 2],
    [1,2,3],
    {
        name: 'sandra',
        age: 20,
        email: 'sandra@xyz.com'
    }
]

const returnPayload = (arr) => {
  let response = [];
    for(let i = 0; i < arr.length; i++) {
      response.push({arr: arr[i]})
    }
    return {"name": "return payload", "response": response}
}

returnPayload(payload);
console.log(JSON.stringify(returnPayload(payload), null, 3))