数据类型转换之对象转数组(简易)

王拾羽

已于 2022-05-28 13:34:11 修改

阅读量2k

点赞数

分类专栏：数据类型转换对象转数组文章标签： javascript vue.js 开发语言

于 2020-06-08 17:41:19 首次发布

本文链接：https://blog.youkuaiyun.com/bruno_mars_brother/article/details/106625097

版权

数据类型转换同时被 2 个专栏收录

8 篇文章

订阅专栏

对象转数组

2 篇文章

订阅专栏

本文介绍了一种将对象类型数据转换为数组类型的方法，并通过一个具体示例展示了如何使用JavaScript进行数据处理，以便在ECharts柱状图中使用。首先，通过遍历对象获取value值，然后将这些值组成新的数组，最后展示转换后的数据类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象类型

 const total = {
        wait_status: "1",
        process_status: "2",
        already_status: "5",
        comment_status: "8",
        hold_status: "9",
        invalid_status: "3"
      };

数组类型

[1, 2, 5, 8, 9, 3]

函数封装

第一步：遍历对象
第二步：取出所需value数据
第三步：将处理好的数据return出去

    objtransArr(obj) {
      const newArr = [];
      for (var k in obj) {
        newArr.push(obj[k]);
      }
      return newArr;
    },

触发事件转换数据

click() {
      // 假设total是后端返回的对象数据
      const total = {
        wait_status: "1",
        process_status: "2",
        already_status: "5",
        comment_status: "8",
        hold_status: "9",
        invalid_status: "3"
      };
      // 定义一个常量接收处理好的数据类型
      const newData = this.objtransArr(total);
      console.warn(newData);
    }