如何获取嵌套数组中的对象？代码返回undefined问题排查

问题分析 #

你的代码存在几个核心问题，导致无法正确获取嵌套数组内的对象：

• 数组访问语法错误：myArray[[0]] 是无效写法，JS会将索引[0]转为字符串"0"，最终仅能获取外层数组的第一个元素，无法遍历所有用户。
• 字符串未加引号：name: test1 这类写法中，test1未被引号包裹，会被当作未定义变量，直接运行会触发报错。
• Promise异步流程错误：map回调未返回异步操作的Promise，且若buildCallPayload是异步函数，未用await等待其执行完成，导致Promise.all无法正确处理异步任务。
• 嵌套数组遍历逻辑错误：你的myArray是外层数组嵌套单元素数组的结构，未通过扁平化或逐层遍历的方式拿到内部的用户对象。

修正后的代码 #

// 修正字符串引号问题，确保字面量被正确包裹
const myArray = [
  [{ name: 'test1', username: 'sampleuser1' }],
  [{ name: 'test2', username: 'sampleuser2' }],
  [{ name: 'test3', username: 'sampleuser3' }]
];

// 扁平化嵌套数组，直接得到所有用户对象的一维数组
const flatUsers = myArray.flat();

const forEachUser = await Promise.all(flatUsers.map(async (userSelected) => {
  // 若buildEmailPayload是异步函数，需添加await
  engagements.push(buildEmailPayload(bridgeInfo, userSelected, incident));
  // 异步函数必须用await等待执行完成
  const callPayload = await buildCallPayload(bridgeInfo, userSelected, incident);
  // 返回Promise结果，确保Promise.all能收集到异步任务的返回值
  return callPayload;
}));

替代遍历方式（不扁平化） #

如果不想扁平化数组，可通过逐层遍历处理嵌套结构：

const forEachUser = await Promise.all(myArray.map(async (innerArray) => {
  // 遍历内层数组（若内层固定只有一个元素，也可直接取innerArray[0]）
  return Promise.all(innerArray.map(async (userSelected) => {
    engagements.push(buildEmailPayload(bridgeInfo, userSelected, incident));
    const callPayload = await buildCallPayload(bridgeInfo, userSelected, incident);
    return callPayload;
  }));
}));

// 若需要一维结果数组，可对最终结果执行扁平化
const flattenedResults = forEachUser.flat();

关键注意事项 #

• 所有字符串字面量必须用单引号/双引号包裹，避免被当作未定义变量。
• 使用Promise.all时，map回调必须返回Promise，异步操作需添加await确保流程顺序。
• 嵌套数组需通过扁平化或逐层遍历的方式，才能正确获取内部的用户对象。

内容的提问来源于stack exchange，提问作者Daniiiii