如何将数组对象转换为对象

Question

我有一些来自MVC控制器的数据，格式如下：

{id: Array[3], city: Array[3]}

我想将这些数据转换为

[Object, Object, Object]

它将具有结构Object0{id, city} ， Object1{id, city} ， Object2{id, city}

我尝试了以下方法，但没有解决

angular.forEach(data, function(){

    vm.Cities = {
        id :data.citiesIDs,
        city : data.citiesStr
    }

});

任何人都可以给我一个提示，告诉我我要去哪里了或者实现这一目标的最佳方法是什么。 提前致谢。

Answer 1

您实际上并不需要Angular，普通的Javascript也可以。

function transform(object) {
  var result = [];
  for (var i = 0; i < object.id.length; i++) {
    result.push({
      id: object.id[i],
      city: object.city[i]
    });
  }
  return result;
}

然后，您可以使用数据呼叫助手：

var list = transform(data); // <-- list of (id,city) objects

请记住，该函数假定您的id和city数组都具有相同的长度（如果它们的长度不同，这实际上是没有意义的），但是对于它们的长度不相同的情况，则需要在您的for循环中做一个小改动：

var maxLen = Math.max(object.id.length, object.city.length);
for (var i = 0; i < maxLen; i++)

Answer 2

这是一个简单的JS操作， 这是演示

// Assuming obj is defined and both obj.id and obj.city are arrays

var obj = {
    id: [25, 82, 188, 141],
    city: ['Tokyo', 'Munich', 'Los Angeles', 'Sao Paolo'],
};

var max = Math.max(obj.id.length, obj.city.length);

var results = [];

for(var i = 0; i < max; i++) {
    var converted = {
        id: obj.id[i] ? obj.id[i] : null,
        city: obj.city[i] ? obj.city[i] : null
    };
    results.push(converted);
}

console.log('Coverted array', results);

Answer 3

非常简单的例子。 遍历一个数组，并通过索引从另一个数组中获取。

var cities = []
angular.forEach(data.id, function(id, index) {
    var city = {id: id, city: data.city[index]};
    cities.push(city);
});

Answer 4

迭代器可以为您提供帮助。 例如：

var data = {id: [1,2], city: ['Curitiba','São Paulo']};
    var array = [];
    for(var prop in data){
        var length = data[prop].length;
        for(var z = 0; z < length; z++){
            if(!array.hasOwnProperty(z)){
                array[z] = {};
            }
            array[z][prop] = data[prop][z];
        }
    }
    console.log(array);// [Object{city:'Curitiba',id:1},Object{city:'São Paulo',id:2}]