📜  如何在 JavaScript 中将 Object {} 转换为 Array [] 键值对?

📅  最后修改于: 2022-05-13 01:56:18.917000             🧑  作者: Mango

如何在 JavaScript 中将 Object {} 转换为 Array [] 键值对?

任务是使用 JavaScript 将 Object {} 转换为 Array [] 键值对。
简介:在 JavaScript 中,对象是最重要的数据类型,它构成了现代 JavaScript 的构建块。这些对象与 JavaScript 的原始数据类型(数字、字符串、布尔值、null、未定义和符号)完全不同。对象更复杂,每个对象可以包含这些原始数据类型以及引用数据类型的任意组合,而数组是用于存储不同元素的单个变量。当我们想要存储元素列表并通过单个变量访问它们时,通常会使用它。

我们可以使用下面讨论的方法将 Object {} 转换为键值对的 Array []:
方法一:在这个方法中,我们将使用 Object.keys() 和 map() 来实现。

方法:通过使用 Object.keys(),我们从 Object 中提取键,然后将该键传递给 map()函数,该函数将键和对应的值映射为数组,如下例所述。
句法:

  • Object.keys(obj)

    范围:
    obj:它是要返回其可枚举属性的对象。

  • map(function callback(currentValue[, index[, array]]){
        // Return element for new_array
    }

    范围:
    回调:产生新数组元素的函数

例子:

 

输出:

1 5
2 7
3 0
4 0
5 0

方法二:在这个方法中,我们将使用 Object.entries() 来实现。
方法:我们将使用 JavaScript 中可用的 Object.entries()。 Object.entries() 方法用于返回一个数组,该数组由作为参数传递的对象的可枚举属性 [key, value] 对组成。属性的顺序与通过手动循环对象的属性值给出的顺序相同。

句法:

Object.entries(obj)

范围:
obj:要返回其可枚举的自身属性 [key, value] 对的对象。

例子:

                    

输出:

1 500
2 15
4 480
5 4
10 87