JS中将对象转化为数组

傷城~ 2021-09-07 06:06 451阅读 0赞

# [JS中将对象转化为数组][JS] #

前言

其实这本来应该是一个很基础的问题了，但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来，但最近再遇到这个问题时竟然又卡主了，所以，关于这个问题，如何把一个对象\{'未完成':5, '已完成':8, '待确认':4, '已取消':6\}转为\[\{"未完成":5\},\{"已完成":8\},\{"待确认":4\},\{"已取消":6\}\]，你已经知道如何操作了，那这篇文章你也就没有必要看了。

对象的两种取值方式

我们都知道，JS中对象有两种取值方式，通过在.后面直接加属性名取值，这也是我们最常使用的一种方式，例如:

let obj = {name: 'wan'};
    console.log(obj.name);  //wan

这是最普通的一种方式，还有一种方式我们用的不太多，就是使用\[\]包住属性名取值，类似于数组那样，例如

let obj = {name: 'wan'};
    console.log(obj[name]);  //wan

那二者之前有什么区别呢，如果对于一个已知的对象来说，几乎是没什么区别的，但是如果我们需要的对象的key是变量呢？这就回到了我们文章开始是提到的问题，如何将一个对象转化为数组

将对象转化为数组

我们文章开始例子中的对象是

let obj = {'未完成':5, '已完成':8, '待确认':4, '已取消':6};

如果目标数组只是为了得到对象的key的集合或者value的集合还是相对容易的

var arr = []
    for (let i in obj) {
        arr.push(obj[i]); //属性
        //arr.push(obj[i]); //值
    }
    console.log(arr);

如果像我文中开始的需求的话就只需要改变一下push进去的内容为一个对象即可

var arr = []
    for (let i in obj) {
        let o = {};
    	o[i] = obj[i];
    	arr.push(o)
    }
    console.log(arr);

后记

说到底还是思维不够灵活在解决问题时就卡克了，说实话这不是一个什么难题，但是把自己思维限制死了之后就会觉得是个难题，谨记！

[JS]: https://www.cnblogs.com/wancheng7/p/8735168.html

发表评论取消回复

表情：

评论列表（有 0 条评论，451人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java将字符串转化为数组

> 将一个字符串转化成String\[\]数组，提供两种方法文章目录前言一、pandas是什么？二、使用步骤 1.引入

不念不忘少年蓝@/ 2024年04月01日 11:17/ 0 赞/ 104 阅读

相关 python字典转化为数组,如何将Python字典对象转换为numpy数组

![Image 1][] I have python dict object with key as datetime.date object and values as t

谁借莪１个温暖的怀抱￠/ 2023年01月24日 02:12/ 0 赞/ 11 阅读

相关 JS中将对象转化为数组,数组转对象

[https://www.cnblogs.com/wancheng7/p/8735168.html][https_www.cnblogs.com_wancheng7_p_873

朱雀/ 2022年12月24日 06:58/ 0 赞/ 205 阅读

相关 js reduce 将多维数组转化为一维

js reduce 将多维数组转化为一维 console.log('将多维数组转化为一维'); let moreArr = [[0, 1], [2, 3]

秒速五厘米/ 2022年11月15日 14:16/ 0 赞/ 225 阅读

相关将对象转化为字符串

将对象转化为字符串 System.out.println()方法我们很熟悉，用来控制台输出，比如System.out.println("abc")，会输出字符串"abc"

红太狼/ 2022年09月19日 10:56/ 0 赞/ 293 阅读

相关将JSON对象转化为实体对象

public static Object json2Object(JSONObject json, Class pojo) throws Exception {

╰+哭是因爲堅強的太久メ/ 2022年07月18日 00:06/ 0 赞/ 340 阅读

相关 java将集合转化为数组

public static void sortNum() \{ List list=new ArrayList<>(); list.add(123); lis

叁歲伎倆/ 2022年06月01日 07:50/ 0 赞/ 270 阅读

相关 js 数组的slice方法可以将类数组对象转化为数组

NodeList、arguments等类数组对象除了可以通过Array.from(NodeList)的方法转化为数组外，还可以通过Array.prototype.slice.c

一时失言乱红尘/ 2021年12月19日 15:37/ 0 赞/ 273 阅读

相关 JS中将对象转化为数组

[JS中将对象转化为数组][JS] 前言其实这本来应该是一个很基础的问题了，但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来，但最近再遇到这个问题

傷城~/ 2021年09月07日 06:06/ 0 赞/ 452 阅读

相关 js将对象转换为数组

数据形式 task = [ { name: "test1", group: { 1: {

墨蓝/ 2021年07月25日 18:43/ 0 赞/ 563 阅读