将属性附加到数组中的每个对象

时间:2020-03-27 08:05:41

标签: javascript jquery vue.js vuejs2

早上好,

因此,我在这里问自己一个问题,看看是否正在优化那里的评级,但是我感觉自己做错了事。

所以让我解释一下。

我们使用对象(例如用户)恢复数组。

谁给这个:

 [
   {
     'name': 'john',
     'age': '25'
   },
   {
     'name': 'Doe',
     'age': '28'
   },
   ...
 ]

但是在vuejs或javascript或其他语言中,我发现自己有时会添加一个示例值:“'edit':false”,但是在这里将其添加到表中的所有对象中时,我将表与each和i一起传递给表像这样添加此值。但是我觉得不太干净,您还有其他建议吗?或者怎么做?

 [
   {
     'name': 'john',
     'age': '25',
     'edit': false
   },
   {
     'name': 'Doe',
     'age': '28',
     'edit': false
   },
   ...
 ]

我个人很喜欢

$.each(this.users, function(key){
                        Vue.set(this, 'edit', false)
                    });

感谢您的回答,祝您有个美好的一天,尤其是身体健康。对不起,我的英语不好!

2 个答案:

答案 0 :(得分:0)

如果您使用ES6,则可以执行以下操作:

var users = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 28 }
];

users.map(user => user.edit = false);

答案 1 :(得分:0)

使用地图和传播算子

const users = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 28 }
];

const usersUpdated = users.map(user => ({ ...user, edit: false }));