Javascript:将对象转换为数组的方法

186 阅读4分钟

Convert Object to Array Javascript

转换对象为数组的定义

在javascript中,我们可以使用new关键字来创建对象,也可以使用var关键字来声明数组格式的值,并根据用户的要求将这些值声明为单维或多维阵列。我们可以在脚本中使用数组和对象,因为它可能会占用内存空间,使性能变慢。我们可以在javascript中把对象转换成数组;我们将遵循默认的方法,如Object.key(),Object.values()和Object.entry();使用这些方法,我们将把javascript实例或对象转换成数组格式。

语法

我们已经知道,在javascript中,每一个内置方法和带有数据类型的变量都有自己的语法。让我们看看javascript中对象到数组的语法代码,如下所示。

<html>
<head>
<script>
var variablename={key:”values”};
var v=Object.create(variablename);//It is one of the way for creating object in javascript
document.write(Object.values(variablename));
-----some javascript logics—
</script>
</head>
<body>
</body>
</html>

在上面的代码中,我们使用了Object.values(values);我们在方法中传递了数值,根据要求,我们将打印这些数值,或者使用这些数值,我们在脚本中获取键。

如何在Javascript中把对象转换成数组?

使用javascript代码,我们可以向服务器发送n个请求,同时,我们可以从服务器接收到脚本代码中要求的数据;我们将编写创建对象的逻辑,并且返回的值将是数组格式,将请求和接收的数据转换为其他格式,如字符串转换,该方法是stringify()方法,其函数用于改变字符串处理方法的行为,值是一个字符串数组,计算作为对象属性的值的数量,将被包含在JSON字符串中。如果假设服务器的响应是一个空值或没有提供任何值作为响应,这可能是一些其他的格式,对象的属性也包括在JSON格式中,并收到服务器的数据,它可以被分割成空格,也用于字符串和数字实例中的空白被插入和接收输出,如果JSON和返回字符串格式意味着用户可以轻松阅读和理解数据。

javascript对象将被启动,并使用一个新的关键字,对象字面来声明,并定义了对象构造函数,然后我们使用构造类型来创建对象。我们只需提到Object.create(variablename),一旦我们创建的值或数据是无序格式的原始或引用类型的数据。我们可以在脚本中为数组指定的数据创建对象,只要我们想把实例转换为数组指定的数据。我们只需使用Object.values(var)方法来实现转换的目的。但是很可能,每当我们启动脚本的新建或对象创建时,它都会自动分配内存,无论是变量声明还是基于数组的对象创建,内存都是分配给实例的。使用sizeof(obj)这些方法,我们将以字节格式返回大致的对象大小。

在javascript中,当一个对象要被创建时,内存会被自动创建,如果在脚本中不再使用该对象,内存会被释放,所以它会自动进入垃圾回收。如果我们想在脚本中创建数组实例/对象,我们使用一个叫做Array.from()的静态方法,它将把字符串作为一个字符分开。它以数组格式存储;如果我们使用整数格式,它也被分离了,如果Object.values()将只返回数组。尽管如此,谁的元素都是可枚举的属性值,都是枚举类型的,在values()方法中存储在该方法中的数据,那么剩下的步骤也是一样的,就像对象的属性顺序一样,在对象的属性值上循环寻找。

在Javascript中把对象转换成数组的例子

下面是在Javascript中把一个对象转换成数组的不同例子。

例子#1

代码

<!DOCTYPE html>
<html>
<body>
<h2>Welcome To My Domain</h2>
<p id="demo"></p>
<script>
var a = {
1: "siva",
2: "raman",
3: "arun",
4: "kumar",
5: "sivaraman",
6: "xxx",
7: "yyy",
8: "zzz",
9: "ffgg",
10: "rggr",
11: "ffrgg",
12: "gnjbnk"
};
var output = Object.keys(a)
.map(function(i) {
return [+i, a[i]];
});
document.write(output);
</script>
</body>
</html>

输出

Convert Object to Array Javascript Example 1

例子#2

代码

<!DOCTYPE html>
<html>
<body>
<h2>Welcome To My Domain</h2>
<p id="demo"></p>
<script>
var object = {"1": "siva", "2": "world", 3: "arun",
4: "kumar",
5: "sivaraman",
6: "xxx",
7: "yyy",
8: "zzz",
9: "ffgg",
10: "rggr",
11: "ffrgg",
12: "gnjbnk"
};
var array = function(object)
{
var arr=[];
for(var k in object)
{
arr.push([k,object[k]])
}
return arr;
}
document.write(array(object));
</script>
</body>
</html>

输出

Convert Object to Array Javascript Example 2

例子 #3

代码

<!DOCTYPE html>
<html>
<body>
<h2>Welcome To My Domain</h2>
<p id="demo"></p>
<script>
function first(obj)
{
var k = second(obj);
var l = k.length;
var p = Array(l);
for (var i = 0; i < l; i++)
{
p[i] = [k[i], obj[k[i]]];
}
return p;
}
function second(obj)
{
if (!third(obj)) return [];
if (Object.keys) return Object.keys(obj);
var k1 = [];
for (var k2 in obj) if (_.has(obj, k2)) k1.push(k2);
return k1;
}
function third(obj)
{
var t = typeof obj;
return t === 'function' || t === 'object' && !!obj;
}
document.write(first({Blue: "#0000FF", Yellow: "#FFFF00", Pink: "#FFC0CB"}));
</script>
</body>
</html>

输出

Convert Object to Array Javascript Example 3

在上面的三个例子中,我们在不同的情况下使用了Object.keys()。大多数时候,我们使用这些方法,同时我们使用Object.values和Object.entry(),在key的帮助下,我们可以很容易地识别值,所以如果我们在脚本中使用key方法,很容易在脚本中获取值。

总结

在javascript中从对象到数组的过程中,我们使用了默认的方法来处理实例,然后将其存储到数组中,所以当我们使用大量的对象时,这时平行地将其转移到数组中,因为与其他脚本语言相比,其性能更快。