使用JS将Object转Array

Object转Array有多种方式,可以使用Object.entries() ,Object.keys(),Object.values()

MDN解释:
Object.entries()返回一个给定对象自身可枚举属性的键值对数组
Object.keys()返回一个由一个给定对象的自身可枚举属性组成的数组
Object.values()方法返回一个给定对象自身的所有可枚举属性值的数组

const type = {
    IMG: {
      value: 'img',
      label: '仅图片',
    },
    CUSTOMIZE: {
      value: 'customize',
      label: '自定义',
    },
  };

Object.entries(type).forEach([key, val] => {
   conosle.log(key);    // IMG
  console.log(val);     // { value: 'img',  label: '仅图片'  }
})


Object.keys(type).forEach(itm => {
   console.log(itm);    //   IMG
})

Object.values(type).forEach(itm => {
   console.log(itm);    //   { value: 'img',  label: '仅图片'  }
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 首先一个是对JS中Object的理解:JavaScript中函数是一等公民,写在代码中的 Array/Object...
    皮皮坤666阅读 1,725评论 0 3
  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 上面代码表明,ES6允...
    呼呼哥阅读 2,954评论 0 2
  • (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)(注2:更多内容请查看我的目录。) ...
    love丁酥酥阅读 1,555评论 0 0
  • 1.属性的简洁表示法 允许直接写入变量和函数 上面代码表明,ES6 允许在对象之中,直接写变量。这时,属性名为变量...
    雨飞飞雨阅读 1,179评论 0 3
  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。 上面代码表明,ES6允许在对象之中,直接写...
    oWSQo阅读 529评论 0 0