Question

我有以下形式的对象数组

Buttons

我想将其转换为

Container

我如何实现这一目标？

Answer 1

使用foreach循环

＆＃13;

var data = [{
    "name": "Lenovo Thinkpad 41A4298",
    "website": "google"
  },
  {
    "name": "Lenovo Thinkpad 41A2222",
    "website": "google"
  },
  {
    "name": "Lenovo Thinkpad 41Awww33",
    "website": "yahoo"
  }
];

var Result = [];

var Key = Object.keys(data[0]); // get keys in a variable

// use index insted of specific key

data.forEach(function(item) {
  Result.push({    Brand: item[Key[0]],    Link: item[Key[1]]  });
});

console.log(Result);

＆＃13;

Answer 2

您可以使用map循环访问数组。不使用密钥，您可以使用Object.values将对象转换为数组。在Brand上分配数组的第一个元素，在Link上分配第二个元素以形成新对象。

＆＃13;

var data = [{
    "name": "Lenovo Thinkpad 41A4298",
    "website": "google"
  },
  {
    "name": "Lenovo Thinkpad 41A2222",
    "website": "google"
  },
  {
    "name": "Lenovo Thinkpad 41Awww33",
    "website": "yahoo"
  }
];

var result = data.map(o => {
  let v = Object.values(o);
  return {"Brand": v[0],"Link": v[1]};
});

console.log(result);

＆＃13;

Answer 3

Array.map可能是你的朋友 - 返回一个新数组，每个元素都是你传递给.map函数的函数的返回结果。

Mozilla Developer Network链接到Array.map参考here

在这个例子中

该函数接受数组中的第一个对象
创建要返回的新对象
分配＆＃34;品牌＆＃34;到新对象并指定＆＃34; name＆＃34;从旧对象到它的价值
分配＆＃34; Link＆＃34;到新对象并为其分配＆＃34;网站＆＃34;从旧对象到它的价值
返回放入新数组的新对象，该数组最终将被分配给newData
对数组中的每个元素重复此操作

＆＃13;

let data = [
      {"name":"Lenovo Thinkpad 41A4298","website":"google"},
      {"name":"Lenovo Thinkpad 41A2222","website":"google"},
      {"name":"Lenovo Thinkpad 41Awww33","website":"yahoo"}
    ];
        
let newData = data.map((originalObject)=>{
  return {
    "Brand":originalObject.name,
    "Link":originalObject.website
    }
})

console.log(newData)

＆＃13;

如果你想变得更加漂亮 - 你可以使用对象破坏here - about half way down来使代码更整洁

＆＃13;

let data = [
          {"name":"Lenovo Thinkpad 41A4298","website":"google"},
          {"name":"Lenovo Thinkpad 41A2222","website":"google"},
          {"name":"Lenovo Thinkpad 41Awww33","website":"yahoo"}
        ];
            
let newData = data.map(( {name,website} )=>{
  return {
    "Brand":name,
    "Link":website
    }
})

console.log(newData)

＆＃13;

Answer 4

像这样：

＆＃13;

var data = [{ "name": "Lenovo Thinkpad 41A4298", "website": "google" },
{ "name": "Lenovo Thinkpad 41A2222", "website": "google" },
{ "name": "Lenovo Thinkpad 41Awww33", "website": "yahoo" }];

const newData = data.map(obj => ({ Brand: obj.name, Link: obj.website }));
console.log(newData);

＆＃13;

为了使其更加动态，您可以创建一些映射：

＆＃13;

    var data = [{ "name": "Lenovo Thinkpad 41A4298", "website": "google" },
    { "name": "Lenovo Thinkpad 41A2222", "website": "google" },
    { "name": "Lenovo Thinkpad 41Awww33", "website": "yahoo" },
    { "rate": "25", "review": "Well done" }];

    const mappings = {
      name: 'Brand',
      website: 'Link',
      review: 'Review',
      rate: 'Rate'
    }
    
    const newData = data.map(obj => {
      const newObj = {};
      const keys = Object.keys(mappings);
      keys.forEach(key => {
         if (obj[key]) {
           const newName = mappings[key];
           newObj[newName] = obj[key];
         }
      });
      return newObj;
    });

    console.log(newData);

＆＃13;

然后你可以改变＆＃34;映射＆＃34;基于源数据或您想用它做的任何事情。

如何在JavaScript中更改存储在数组中的每个对象的属性名称？

4 个答案: