如何在数组javascript中添加具有ID的新键？

Question

我这样尝试：

<script type="text/javascript">
    var club = [
        {id:123, name:'chelsea'},
        {id:456, name:'mu'},
        {id:789, name:'liverpool'}
    ];

    var newClub = club.map(function(element){
       element.original = true;
       element.kw = false;
       return element;
    });

    console.log(newClub);
</script>

有用。 但是我想要像这样的键原始和kw与id：

var club = [
    {id:123, name:'chelsea', original123:true, kw123:false},
    {id:456, name:'mu', original456:true, kw456:false},
    {id:789, name:'liverpool', original789:true, kw789:false}
];

我该怎么做？

Answer 1

您应该使用动态属性：

var newClub = club.map(function(element) {
  element['original' + element.id] = true;
  element['kw' + element.id] = false;
  return element;
});

Answer 2

对于动态属性 ，您需要使用括号符号。 供参考， 属性访问器 。 尝试跟随

 var club = [{id: 123,name: 'chelsea'},{id: 456,name: 'mu'},{id: 789,name: 'liverpool'}]; var newClub = club.map(function(element) { element['original' + element.id] = true; element['kw' + element.id] = false; return element; }); console.log(newClub); 

您还可以像下面这样简化代码

 var club = [{id: 123,name: 'chelsea'},{id: 456,name: 'mu'},{id: 789,name: 'liverpool'}]; let newClub = club.map(o => ({...o, [`original${o.id}`] : true, [`kw${o.id}`] : false})); console.log(newClub); 

Answer 3

您可以使用模板文字来创建动态属性名称。

 var club = [ {id:123, name:'chelsea'}, {id:456, name:'mu'}, {id:789, name:'liverpool'} ]; var result = club.map(({id,...rest}) => ({ ...rest, [`original${id}`]: true, [`kw${id}`]: false })) console.log(result) 

Answer 4

您可以使用.map()和Object.assign()方法：

 var data = [ {id:123, name:'chelsea'}, {id:456, name:'mu'}, {id:789, name:'liverpool'} ]; var result = data.map(o => Object.assign({}, o, { ['original' + o.id]: true, ['kw' + o.id]: false })); console.log(result); 

 .as-console-wrapper { max-height: 100% !important; top: 0; }