Question

我有以下数组

["Design", "Survey", "Geotech", "Community", "Progress", "Planning", "Commercial", "Logistics", "Milestones", "Environment", "Quality", "Safety"]

我希望将以下格式转换为它，如果id是随机的或唯一的，那将会很好

data = [
    {id: 1, title: 'Design'},
    {id: 2, title: 'Survey'},
    {id: 3, title: 'Geotech'},
    {id: 4, title: 'Community'},
  ];
}

Answer 1

您可以通过第二个参数访问map回调函数中数组元素的索引，因此最低限度（如果您不关心id是从0还是1开始）：

＆＃13;

var arr = ["Design", "Survey", "Geotech", "Community", "Progress", "Planning", "Commercial", "Logistics", "Milestones", "Environment", "Quality", "Safety"];

console.log(
  arr.map((title, id) => ({id, title}))
);

＆＃13;

如果从1开始：

＆＃13;

var arr = ["Design", "Survey", "Geotech", "Community", "Progress", "Planning", "Commercial", "Logistics", "Milestones", "Environment", "Quality", "Safety"];

console.log(
  arr.map((title, id) => ({id: id+1, title}))
);

＆＃13;

Answer 2

您可以使用map：

＆＃13;

var array = ["Design", "Survey", "Geotech", "Community", "Progress", "Planning", "Commercial", "Logistics", "Milestones", "Environment", "Quality", "Safety"];

var id = 1;
var data = array.map(function(x) {
  return {
    id: id++,
    title: x
  };
});

console.log(data);

＆＃13;

Answer 3

   var oldarr = [
   "Design", "Survey", "Geotech", "Community", "Progress", 
   "Planning", "Commercial", "Logistics", "Milestones", "Environment", 
   "Quality", "Safety"];

   var newArr = oldArr.map(function (element,index) {
     return { id : index + 1, title:element};
   });

Answer 4

要生成唯一ID，您可以使用@broofa（taken from this answer）中使用window.crypto的此功能，然后在地图方法中使用它：

＆＃13;

function uuidv4() {
    return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c => 
        (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
    )
}

var data = ["Design", "Survey", "Geotech", "Community"];

var newArray = data.map(title => ({id: uuidv4(), title}));

console.log(newArray)

＆＃13;

请注意，上面使用了许多最新功能，因此与旧版浏览器并不特别兼容。

Answer 5

如何减少

["Design", "Survey", "Geotech", "Community", "Progress", "Planning", "Commercial", "Logistics", "Milestones", "Environment", "Quality", "Safety"].reduce((accum , curr, indx) => accum.concat({id: indx+1, title: curr}), []);

使用JavaScript中的ID将数组转换为对象数组

5 个答案: