將數組轉換為對象可以通過使用 [object.assign()](https://developer.mozilla.org/zh-cn/docs/web/javascript/reference/global_objects/object/assign) 方法,它接受兩個參數:目標對象和要復制到目標對象的源對象。轉換后的對象屬性可以通過點語法或方括號語法訪問和修改,并在實際開發中可用于服務器數據轉換、表單值存儲和動態 ui 生成等場景。
將數組轉換為對象并操作其屬性
數組和對象是兩種常用的數據結構,在實際開發中經常需要將數組轉換成對象以便于操作。本篇文章將介紹如何將數組轉換成對象,以及如何在轉換后操作對象的屬性。
1. 數組轉對象
可以使用[Object.assign()](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign)方法將數組轉換成對象。該方法接受兩個參數:目標對象和要復制到目標對象的源對象。
const arr = ['foo', 'bar', 'baz'];
const obj = Object.assign({}, arr);
console.log(obj); // 輸出:{0: "foo", 1: "bar", 2: "baz"}
登錄后復制
此代碼將數組 arr 中的元素復制到一個新的空對象 obj 中,索引 0 到 2 作為對象的屬性。
2. 操作對象屬性
將數組轉換成對象后,可以使用點語法或方括號語法訪問對象的屬性。
console.log(obj.0); // 輸出:foo console.log(obj['1']); // 輸出:bar
登錄后復制
也可以使用賦值運算符修改對象的屬性。
obj.2 = 'qux';
console.log(obj); // 輸出:{0: "foo", 1: "bar", 2: "qux"}
登錄后復制
實戰案例
在實際開發中,將數組轉換成對象可以用于各種場景,例如:
將服務器返回的數組數據轉換為對象,便于客戶端操作。
將表單表單元素值存儲為對象,方便提交。
將數據列表轉換為對象,用于生成動態 UI。
結論
通過使用 Object.assign() 方法,可以輕松地將數組轉換成對象。轉換后,可以使用點語法或方括號語法訪問和修改對象的屬性,使其更具靈活性。






