您的位置:

JavaScript对象转换为数组

一、使用Object.keys()

Object.keys()方法会返回一个由给定对象的全部可枚举属性名组成的数组。

具体步骤:

const obj = { a: 1, b: 2, c: 3 };
const arr = Object.keys(obj);
console.log(arr); // ["a", "b", "c"]

说明:

我们通过Object.keys()方法将对象的属性名转换为数组。

需要注意的是,Object.keys()只能转换对象的属性名,不能转换属性值,如果要转换属性值,需要使用其他方法。

二、使用Object.values()

Object.values()方法会返回一个给定对象自身的所有可枚举属性值的数组。

具体步骤:

const obj = { a: 1, b: 2, c: 3 };
const arr = Object.values(obj);
console.log(arr); // [1, 2, 3]

说明:

Object.values()方法可以将对象的属性值转换为数组,但是仅仅限于对象的自身属性,不包括继承的属性。

三、使用Object.entries()

Object.entries()方法会返回一个给定对象自身可枚举属性的键值对数组。

具体步骤:

const obj = { a: 1, b: 2, c: 3 };
const arr = Object.entries(obj);
console.log(arr); // [["a", 1], ["b", 2], ["c", 3]]

说明:

Object.entries()方法将对象的属性名和属性值以键值对的形式存储在数组中。

需要注意的是,这里也只能转换对象的自身属性。

四、使用Array.from()

Array.from()方法会将一个类数组对象或可迭代对象转换为真正的数组。

具体步骤:

const obj = { 0: "a", 1: "b", 2: "c", length: 3 };
const arr = Array.from(obj);
console.log(arr); // ["a", "b", "c"]

说明:

这种方式可以应用于类数组对象(例如函数的arguments对象),也可以应用于可迭代对象(例如Set和Map),将其转换为真正的数组。

需要注意的是,只有可迭代对象才能被Array.from()方法转换为数组,因为真正的数组可以被迭代。

五、使用扩展运算符

扩展运算符(...)能够将一个可迭代对象转换为一个数组。

具体步骤:

const obj = { a: 1, b: 2, c: 3 };
const arr = [...Object.values(obj)];
console.log(arr); // [1, 2, 3]

说明:

使用扩展运算符也能将一个可迭代对象(例如使用Object.values()方法转换后的数组)转换为真正的数组。

需要注意的是,扩展运算符和Array.from()方法类似,只能将可迭代对象(例如数组、Set、Map)转换为真正的数组,不能将普通对象转换为数组。

javascript简要笔记,JavaScript读书笔记

2022-11-17
印象笔记记录java学习(Java成长笔记)

2022-11-12
javascript一句话笔记,javascript基本语句

2022-11-16
JavaScript对象转换为数组

2023-05-16
JavaScript中数组对象转换的几种方法

2023-05-18
java笔记,大学java笔记

2022-11-28
JavaScript数组转对象详解

2023-05-19
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
java笔记,尚硅谷java笔记

2022-12-01
重学java笔记,java笔记总结

2022-11-23
发篇java复习笔记(java课程笔记)

2022-11-09
python基础学习整理笔记,Python课堂笔记

2022-11-21
深入解析JavaScript对象转数组

2023-05-18
如何将JavaScript对象转换为JSON字符串

2023-05-20
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
java方法整理笔记(java总结)

2022-11-08
python构建json串,python对象转为json串的

本文目录一览: 1、Python爬虫(七)数据处理方法之JSON 2、【Python】浅谈python中的json 3、python之json格式转化 Python爬虫(七)数据处理方法之JSON J

2023-12-08
JavaScript中字符串转换成对象详解

2023-05-20
javascript入门笔记1的简单介绍

2022-11-18
java对象转换,java对象转换为map

2023-01-05