javascript for in 循环遍历对象，对后台返回的对象进行操作取值

最近在写一个商城，商品详情页出现选择商品规格属性的功能，我们的后台就给我返回来object（对象），我又能怎么办。。。这个时候想到了JavaScript中使用for in可以循环遍历对象，可以轻松的取到后台返回来的一堆值，哈哈。。。话不多说给大家看看我们的需求：

以上就是前端取到值展示的数据，以及后台接口中返回的对象 。

下面我先给说一下什么是for... in：

1、for...in 

以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。

语法：

1	for (variable in object) {...}

参数：

variable

在每次迭代时,将不同的属性名分配给变量。

object

被迭代其枚举属性的对象。

最后放上我写的案例：

此时arr数组中返回的是：

这样就达到了我们想要的效果，即将对象循环遍历push到新的数组中完成取值。