如何仅在找到元素时向数组添加元素？及filter返回undefined排查

一、避免向数组中添加undefined的方案 #

咱们先理清楚问题根源：当this.obj[objKey]不存在（值为undefined），或者你用了可选链?.导致filter表达式返回undefined时，才会出现向arr推入undefined的情况。如果this.obj[objKey]是有效数组，哪怕filter没找到匹配元素，返回的也是空数组而非undefined。

要解决这个问题，你可以分两步做判断：

1. 先确认this.obj[objKey]是合法数组；
2. 再根据需求决定是否推入结果（是只要有匹配元素才推，还是空数组也可以推）。

修改后的代码示例：

let arr = [];
const targetArray = this.obj[objKey];

// 先确保目标是数组，避免调用filter报错或得到undefined
if (Array.isArray(targetArray)) {
  const found = targetArray.filter(item => item[internKeyName] == 7047);
  
  // 如果你只想推入有匹配结果的数组（即非空）：
  if (found.length > 0) {
    arr.push(found);
  }
  
  // 如果你允许推入空数组，只是不想推undefined，直接写arr.push(found)即可
}

这样就完全避免了undefined被推入arr的情况。

二、为什么你的filter返回undefined？ #

你执行代码后得到undefined，核心原因是**this.obj[objKey]本身就不存在（值为undefined）**，或者它不是数组类型。

咱们拆解一下：

• 如果this.obj中没有键为7047的属性，this.obj[7047]就是undefined，这时候直接调用filter会抛出TypeError（无法读取undefined的filter方法）；但你说返回了undefined，大概率是你代码中隐含了可选链操作符?.（比如this.obj[objKey]?.filter(...)），这种情况下表达式会返回undefined而不报错。
• 另一种可能是this.obj[objKey]存在，但不是数组（比如是null、普通对象等），同样调用filter会报错，用可选链的话也会返回undefined。

排查方法 #

你可以添加调试代码快速定位问题：

let objKey = 7047;
let k = "subjectId";
let v = 7047;

// 先检查目标数组是否存在
console.log("目标数组:", this.obj[objKey]);
if (Array.isArray(this.obj[objKey])) {
  // 打印数组元素，确认是否有subjectId字段
  console.log("数组元素详情:", this.obj[objKey]);
  const found = this.obj[objKey].filter(item => {
    // 查看每个元素的subjectId值和v的类型/内容
    console.log(`item[${k}]:`, item[k], "对比值v:", v);
    return item[k] == v;
  });
  console.log("过滤结果:", found);
} else {
  console.log("错误：目标不是数组或不存在");
}

通过这些日志，你就能清楚看到：是this.obj[7047]根本不存在，还是数组元素里没有subjectId字段，或者是值的类型不匹配（比如item.subjectId是字符串"7047"，但用==的话其实会自动转换，这个概率较低）。

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