问题背景
在 ES9 中，新增了 Object.fromEntries() 方法，用于将键值对数组（entries）转换为对象。例如：
const entries = [
['foo', 'bar'],
['baz', 42]
];
const obj = Object.fromEntries(entries);
// {foo: 'bar', baz: 42}然而，当 entries 数组中包含非数组类型的元素时，调用该方法会抛出错误，例如：
const entries = [ ['foo', 'bar'], 42 ]; const obj = Object.fromEntries(entries); // TypeError: Iterator value 42 is not an entry object
这个错误提示不太直观，让人难以定位问题所在。接下来，我们将解决这个问题并给出优化方案。
解决方案
我们可以通过对 entries 数组进行过滤，剔除其中非数组类型的元素，以防止出现类型错误。这可以通过在数组上使用 Array.prototype.filter() 方法来实现，例如：
const entries = [
['foo', 'bar'],
42
];
const validEntries = entries.filter(Array.isArray);
const obj = Object.fromEntries(validEntries); // { foo: 'bar' }这里我们使用 Array.isArray 方法作为过滤函数，剔除 entries 数组中非数组类型的元素。使用这种方法，即使 entries 数组中包含非数组类型的元素也不会导致类型错误。
优化方案
如果你经常使用 Object.fromEntries() 方法，可以通过编写一个通用的函数来帮助你过滤非法类型。以下是一个可以将非数组类型的元素从条目数组中删除的函数示例：
-- -------------------- ---- ------- -------- ------------------------- - ------ -------------------- -- ---------------------- - ----- ------- - - ------- ------- -- -- ----- ------------ - -------------------------- ----- --- - --------------------------------- -- - ---- ----- -
这个函数可以应用于任何类似 Object.fromEntries() 的方法，可以大大简化代码并减少出现类型错误的可能性。
结论
在本文中，我们介绍了如何解决 ES9 中 Object.fromEntries() 方法的类型错误问题，以及如何通过编写一个通用的函数来帮助你过滤非法类型。希望这篇文章能够帮助你更好地使用这一功能，减少错误和代码冗余，提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671864d2ad1e889fe22aae85