JavaScript：查找processed为true的值时返回undefined而非空字符串的问题

你的代码存在几个关键问题，导致无法实现需求且返回结果不符合预期：

1. 属性名完全不匹配 #

你要找的是processed === true的对象，但：

• 示例数组里的属性写成了process（少了末尾的ed）
• 判断条件里误用了curr.primary，和目标属性完全无关

2. reduce回调的返回逻辑错误 #

reduce的回调函数必须始终返回累加器值，否则会在不符合条件的迭代中返回undefined，覆盖你设置的初始空字符串。你的代码里只有当curr.primary为真时才返回值，其他情况没有返回，这就导致一旦进入不符合条件的迭代，acc就变成undefined。

3. 没必要用reduce找第一个匹配项 #

reduce是用来累加值的，找第一个符合条件的元素，用Array.find()更直观高效，它会在找到第一个匹配项后立即停止遍历。

修复方案1：修正reduce逻辑 #

如果坚持用reduce，需要确保每次迭代都返回累加器，并且修正属性判断：

const values = [{
    value: "bar",
    processed: false
  },
  {
    value: "foo",
    processed: true
  }
];

const myValue = values.reduce((acc, curr) => {
  // 如果已经找到符合条件的，直接返回当前acc，不再修改
  if (acc !== '') return acc;
  // 修正属性判断
  if (curr.processed === true) {
    return curr.value.toLowerCase();
  }
  // 不符合条件时返回初始的acc（空字符串）
  return acc;
}, '');

console.log("My Value: " + myValue); // 输出 "My Value: foo"

修复方案2：用find更合适 #

这是更推荐的写法，逻辑清晰且性能更好：

const values = [{
    value: "bar",
    processed: false
  },
  {
    value: "foo",
    processed: true
  }
];

// 找到第一个processed为true的对象
const targetObj = values.find(item => item.processed === true);
// 存在则取value转小写，否则返回空字符串
const myValue = targetObj ? targetObj.value.toLowerCase() : '';

console.log("My Value: " + myValue); // 输出 "My Value: foo"

当数组中没有processed === true的对象时，两种方案都会返回空字符串，符合你的需求。

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