如何从嵌套对象数组中获取数据？实现控制台打印ravi

数据结构分析 #

你的后端返回数据是两层嵌套数组：外层是包含4个子数组的数组，其中第一个子数组内存在目标对象{name: 'ravi'}，其余子数组为非空但无有效数据的数组。

方案一：直接索引访问（最高效） #

如果已知目标数据的固定位置，直接通过数组索引访问是最快捷的方式，搭配可选链操作符?.避免空值报错：

const datafromback = [[{name: 'ravi'}], [{}], [{}], [{}]];
const targetName = datafromback[0][0]?.name;
if (targetName) {
  console.log(targetName); // 输出: ravi
}

方案二：使用遍历方式（符合你的需求） #

如果需要遍历所有子数组排查目标，用forEach（比map更贴合纯遍历场景）配合find筛选：

const datafromback = [[{name: 'ravi'}], [{}], [{}], [{}]];

datafromback.forEach(subArray => {
  const targetObj = subArray.find(item => item.name);
  if (targetObj) {
    console.log(targetObj.name); // 输出: ravi
  }
});

注：map主要用于生成新数组，若仅需遍历执行打印操作，forEach更合适。

方案三：扁平化数组后查找（适配位置不固定场景） #

如果不确定目标数据的具体位置，可以先将嵌套数组扁平化，再统一查找：

const datafromback = [[{name: 'ravi'}], [{}], [{}], [{}]];
// 扁平化一层嵌套数组
const flattenedArr = datafromback.flat();
const targetObj = flattenedArr.find(item => item.name);
if (targetObj) {
  console.log(targetObj.name); // 输出: ravi
}

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