将相同的键分配给从动态数组获取的值

Question

我从后端收到一个数组：["Drake","Ola","d"]，现在我需要为id分配所有这些值，所以它看起来像这样：

[{id: "Drake"}, {id: "Ola"}, {id: "d"}]

我需要一个函数来执行此操作，因为在页面加载后获取数据并且我尝试了许多技术，包括for loops。 如果有必要，我也可以使用JQuery，请问解决方案吗？

Answer 1

您可以使用Array#map并生成包含所需内容的单个对象。

  

map() 方法创建一个新数组，其结果是在此数组中的每个元素上调用提供的函数。

var data = ["Drake","Ola","d"],
    result = data.map(function (a) { return { id: a }; });

console.log(result);

ES6

var data = ["Drake","Ola","d"],
    result = data.map(a => ({ id: a }));

console.log(result);

Answer 2

Map应该做到这一点。只需为每个值创建一个对象，id属性为该值。

＆＃13;

＆＃13;

var array = ["Drake","Ola","d"];

var newArray = array.map(function(value){
  return {id: value}
})
console.log(newArray);

＆＃13;

＆＃13;

＆＃13;