javascript - 在 JSON 数组上设置结果值

Question

所以我有一个 var data ，其结果数组 JSON 值如下:

[
   {"vehicle_id":"1", "model_name":"sedan"},
   {"vehicle_id":"2", "model_name":"elf"},
   {"vehicle_id":"3", "model_name":"truck"}
]

我想像这样设置新变量的每个值:

var newdata = [
    {
        text: Obj.model_name
        value: Obj.vehicle_id
    },
    {
        text: Obj.model_name
        value: Obj.vehicle_id
    },
    ......
];

如何设置上面变量的每个值？

我已经尝试过这种方法:

var newdata = [
    $.each(data, function(index, Obj){
       {
           text: Obj.model_name
           value: Obj.vehicle_id
       }
    })
];

但似乎不起作用，任何人都可以有这种情况的最佳实践吗？

Answer 1

使用.map :

var newData = data.map(function(obj) {
  return {
    text: obj.model_name,
    value: obj.vehicle_id,
  };
});

<小时/>

您的代码的问题是它没有执行任何操作。虽然 $.each 将迭代数组，但您的函数不会改变元素。它甚至不创建一个新对象，您只是创建一个 block有两个labels 。您可以将其视为等同于

for (var i = 0; i < arr.length; i++) {
  arr[i].model_name;
  arr[i].vehicle_id;
}

即您只是引用属性，但没有对这些值执行任何操作。