代码之家 › 专栏 › 技术社区 › Success Man

如何在数组javascript中添加id为的新键?

key object arrays javascript

Success Man · 技术社区 · 6 年前

我试着这样:

<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>

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}
];

我该怎么做?

4 回复 | 直到 6 年前

Nikhil Aggarwal 6 年前

为了 动态特性 ,需要使用括号表示法。供参考, Property accessors

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);

Danil Speransky 6 年前

应使用动态属性:

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

Nenad Vracar 6 年前

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

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)

Mohammad Usman 6 年前

你可以用 .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; }

推荐文章

Megrez7 · C#ToArray转换合并为一行,导致数组元素更改

5 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

5 月前

Anka HanÄ±m · 关于结构和动态数组地址的问题

5 月前

Swapnil Supekar · 将二维阵列转换为一维阵列,并将一维阵列粘贴到另一张图纸上

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

MaSc. H. · 大小与阵列大小

5 月前

Geremia · 2D NumPy数组+1D数组?

6 月前

MARTIN · 交换第一个和最后一个单词,反转所有中间的字符

6 月前

Paul Williams · 迭代数组时输出有问题

6 月前

Oliver Morgan · PostgreSQL错误:无法累积不同维度的数组

6 月前