javascript - 遍历对象 es6

Question

我有一个看起来像这样的对象:

const object = {
head: 1,
eyes: 2,
arms: 2,
legs: 3
}

我想遍历这个对象和这个并注销每个键名，例如eyes 值的数量。

这会导致:

head
eyes
eyes
arms
arms 
legs 
legs
legs

目前我有这个解决方案，但感觉它可以做得更整洁、更易读。

Object.keys(object)
  .map(key => {
    return [...Array(object[key])].map( (_, i) => {
      return console.log(key)
   })

有什么建议吗？

Answer 1

您可以使用 Object.entries() 和 map() 方法并返回新数组。

const object = {head: 1,eyes: 2,arms: 2,legs: 3}

const res = [].concat(...Object.entries(object).map(([k, v]) => Array(v).fill(k)))
console.log(res)

或者您可以使用 reduce() 和数组中的扩展语法。

const object = {head: 1,eyes: 2,arms: 2,legs: 3}

const res = Object
  .entries(object)
  .reduce((r, [k, v]) => [...r, ...Array(v).fill(k)], [])
  // Or you can use push instead
  // .reduce((r, [k, v]) => (r.push(...Array(v).fill(k)), r), [])

console.log(res)