js对象转为数组的几种实现方式

分类:知识百科 日期: 点击:0

js对象转为数组是一种常用的操作,它有几种实现方式,下面我们来看一下:

  • 1、使用Object.keys()方法:Object.keys()方法将对象的属性名称以数组形式返回,我们可以使用map()方法将对象属性值转换为数组,代码如下:
        let obj = {
          name: 'Tom',
          age: 18
        }
        let arr = Object.keys(obj).map(key => obj[key]);
        console.log(arr); // ['Tom', 18]
        
  • 2、使用Object.values()方法:Object.values()方法将对象的属性值以数组形式返回,代码如下:
        let obj = {
          name: 'Tom',
          age: 18
        }
        let arr = Object.values(obj);
        console.log(arr); // ['Tom', 18]
        
  • 3、使用Object.entries()方法:Object.entries()方法将对象的属性名和属性值以数组形式返回,代码如下:
        let obj = {
          name: 'Tom',
          age: 18
        }
        let arr = Object.entries(obj);
        console.log(arr); // [['name', 'Tom'], ['age', 18]]
        
  • 4、使用for...in循环:for...in循环可以遍历对象的属性名,我们可以将属性值转换为数组,代码如下:
        let obj = {
          name: 'Tom',
          age: 18
        }
        let arr = [];
        for (let key in obj) {
          arr.push(obj[key]);
        }
        console.log(arr); // ['Tom', 18]
        
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。