如何从 Javascript 中的嵌套对象中获取值数组

Question

我正在尝试从表单数据创建记录。当我 console.log(req.body) 我得到以下记录。

req.body => [Object: null prototype] {
  id: '1',
  key1: 'Value1',
  key2: 'Value2',
  supervisors: '[object Object],[object Object],[object Object]'
}

所以我检查了存储记录的数据库，发现主管存储为：

supervisors: Array(3)
  0:
    name: "Reporter"
    userId: 4
  1:
    name: "Officer 1"
    userId: 5
  2:
    name: "Coordinator"
    userId: 2

我想在 req.body 的 supervisors 字段中将 userId 的值作为数组获取，这样我的 req.body 将如下所示：

req.body => [Object: null prototype] {
  id: '1',
  key1: 'Value1',
  key2: 'Value2',
  supervisors: '[4, 5, 2]'
}

1. 我做了const supervisors = JSON.stringify(req.body.supervisors))，当控制台登录时我得到了[object Object],[object Object],[object Object]

2. 我输入了const supervisors = q.supervisors ? JSON.parse(q.supervisors) : [];，当控制台登录时我得到了SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse。

3. 我输入了const supervisors = req.body.supervisors.map(sup => sup.userId);，当控制台登录时我得到了req.body.supervisors.map is not a function。

我怎样才能将主管的值设为 [2, 4, 5]？

Answer 1

使用map()

const supervisors = q.supervisors.map(sup => sup.userId);

您不需要使用任何 JSON 函数，因为您显示的数据已经被解析为对象数组。

Answer 2

如上所述，map() 是正确的单行方法。

如果您需要链接进一步的转换，使用arrow function（具有隐式return）的map() 也是理想的方法。

另类（冗长但又快如闪电）方法是（那个老主力）for loop。

---

工作示例：

// THE OBJECT
const myObject = {

  supervisors: [

    {
      name: 'Reporter',
      userId: 4
    },

    {
      name: 'Officer 1',
      userId: 5
    },

    {
      name: 'Coordinator',
      userId: 2
    }
  ]
};

// THE SUPERVISORS ARRAY (NOT YET POPULATED)
const supervisors = [];

// LOOP THROUGH THE ARRAY IN THE OBJECT TO POPULATE THE SUPERVISORS ARRAY
for (let i = 0; i < myObject.supervisors.length; i++) {

  supervisors.push(myObject.supervisors[i].userId);
  
  console.log(supervisors);
}