【问题标题】:How can destructure object attribute?如何解构对象属性?
【发布时间】:2025-12-25 08:30:11
【问题描述】:

在 ES6 的语法中,我想更改对象“字段”的值。但是 ESlint 检测到错误

'使用数组解构。 (更喜欢解构)'!

如何解构以下代码?

fields.classroomId = fields.classroomId[1];

【问题讨论】:

    标签: ecmascript-6 eslint


    【解决方案1】:

    要清楚解构是如何工作的,请查看以下代码:

    const fields = {
     classroomid: [{ id: '1' },'text',100]
    };
    const { classroomid:[key1, key2, key3, key4] } = fields;
    console.log(key1, key2, key3, key4); // { id: '1' } 'text' 100 undefined
    
    //or
    
    const { classroomid:[...keys] } = fields;
    console.log(...keys); // { id: '1' } 'text' 100
    
    

    希望对你有用

    【讨论】:

    • 在你的帮助下,参考了一些解构数组的语法,我已经解决了这个问题!谢谢!这是我的方式: const formData = fields;常量 {classroomId} = 字段; ({1: formData.classroomId } = 教室ID);