Vue动态添加、删除对象属性

原创已于 2022-09-14 10:50:47 修改 · 4.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

于 2021-08-27 11:27:58 首次发布

Vue.js学习专栏收录该内容

12 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript操作对象，包括通过`object['属性名']`来动态添加对象属性，如果属性已存在则更新值，不存在则创建新属性。同时，也展示了如何使用`delete`关键字删除对象的属性。这对于理解和操作JavaScript对象的动态特性非常有帮助。

最近对对象相关操作处理比较多，然后发现对象还可以这么玩

    let student = { id: 1, name: '学生1', class: '001' };
    //通过student['对象新的属性key']来给对象添加新的属性，如果存在key则会替换key对应的值，不存在key对象会新增key和对应的值
    student['sex'] = '男';
    student['age'] = 18;
    console.log(student);
    //通过delete可直接删除对象的属性
    delete student.class;
    console.log(student);