从JavaScript对象选取随机条目报错，Object.entries+filter用法是否正确？

Object.entries()与filter()的组合本身是可行的正确实现思路，但你的代码存在两个关键错误导致了报错，具体说明如下：

错误1：filter回调参数使用错误 #

Object.entries(WORDS)返回的是二维数组，每个元素是[单词键名, 描述值]的子数组。但你在filter回调里写的(word, description)，其中第二个参数description实际是当前元素的数组索引（filter回调的第二个参数默认是索引），不是单词的描述内容。这会导致过滤逻辑完全失效，甚至可能让entries变成空数组。

正确写法需要通过解构获取子数组中的键和值：

.filter(([word, description]) => description && description.length > 2);

错误2：未处理空数组的边界情况 #

如果过滤后entries为空（比如所有描述都不满足长度要求），那么entries[随机索引]会返回undefined。尝试对undefined进行数组解构const [word, description] = ...时，就会抛出你遇到的“cannot read property Symbol(Symbol.iterator)”错误——因为undefined不是可迭代对象。

必须先判断entries是否为空，再执行后续逻辑。

修正后的完整代码 #

"use strict";

const WORDS = {
  "one": "Word description 1",
  "two": "Word description 2",
  "three": "Word description 3",
  "four": "",
  "five": "Word description 5",
  "six": "Word description 6",
  "seven": "Word description 7"
};

function randomWord() {
  // 筛选有有效描述的单词
  const entries = Object.entries(WORDS)
    .filter(([word, description]) => description && description.length > 2);

  // 处理无符合条件单词的情况
  if (entries.length === 0) {
    console.log("没有符合条件的单词");
    return;
  }

  // 生成随机索引并解构获取键值
  const randomIndex = entries.length * Math.random() << 0;
  const [word, description] = entries[randomIndex];
  console.log(`${word}: ${description}`);
}

randomWord();
randomWord();

总结 #

Object.entries()配合filter()是合理的实现方案：它能便捷地将对象转换为可遍历的键值对数组，再通过filter筛选出符合条件的条目，只要修正上述两个错误就能正常运行。

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