使用相同的代码遍历并访问数组和对象元素

Question

假设我有一个接收对象或数组的函数。我想遍历每个元素，并在执行过程中对每个元素做一些事情。我知道我可以使用 forEach() 或普通的 for 循环遍历数组。我还可以使用a for in loop 遍历对象和数组。但与数组情况不同，我必须使用hasOwnProperty() 检查对象的元素。

我可以只对数组和对象应用一些通用代码吗？

更新。这是我对一些名为 value 的对象/数组的尝试，但没有针对对象情况出现控制台消息：

keysArray = Object.keys(value);
for(let key in keysArray) {
    console.log(value[key])
}

Answer 1

你可以使用

function* entries(o) {
    if (Array.isArray(o))
        for (let i=0; i<o.length; i++)
            yield [i, o[i]];
    else
        for (const p in o)
            yield [p, o[i]];
}
// or using builtin iterators:
function entries(o) {
    return Array.isArray(o) ? o.entries() : Object.entries(o).values();
}

并将其称为

for (const [key, value] of entries(something)) {
    console.log(key, value);
}

当然，您可以执行类似的操作来获取键或值。

Answer 2

// whatever can be object or array

function doSth(whatever) {
  let myLoopable = whatever;

  // obj to array
  if (!Array.isArray(whatever)) {
    myLoopable = Object
      .keys(whatever) // get array of keys
      .reduce((acc, curKey) => [...acc, whatever[curKey]], []); // get array of values
  }

  myLoopable.forEach(value => console.log(value));
}

这是一个例子，不是最好的，你必须自己检查它是否是对象，以确保你的功能没有失败