Javascript Object轉Array用法及代碼示例

在本文中，我們將學習如何將對象轉換為數組JavaScript。給定一個對象，任務是將對象轉換為 JavaScript 中的數組。對象和數組是兩種基本的數據結構。有時，出於各種原因，有必要將對象轉換為數組，例如更容易迭代或與某些需要數組的函數兼容。

以下是在 JavaScript 中將對象轉換為數組的方法。

使用將對象轉換為數組對象.keys()方法

Object keys()方法返回給定對象的可枚舉屬性名稱的數組。

Object.keys(obj)接受一個對象對象作為參數並返回一個包含對象鍵的數組。
對象的值包含在結果數組中。

const obj = {
    company: 'GeeksforGeeks',
    contact: '+91-9876543210',
    city: 'Noida'
};

const keysArray = Object.keys(obj);
console.log(keysArray);

輸出

[ 'company', 'contact', 'city' ]

使用將對象轉換為數組對象.values()方法

Object values()方法返回給定對象自己的可枚舉屬性值的數組。

Object.values(obj)返回一個包含對象值的數組。
對象的鍵包含在結果數組中。

const obj = {
    company: 'GeeksforGeeks',
    contact: '+91-9876543210',
    city: 'Noida'
};

const valuesArray = Object.values(obj);
console.log(valuesArray);

輸出

[ 'GeeksforGeeks', '+91-9876543210', 'Noida' ]

使用將對象轉換為數組對象.entries()方法

Object entries()方法返回給定對象自己的可枚舉string-keyed屬性的數組[核心值]對。

Object.entries(obj)返回一個數組數組，其中每個內部數組都是一個[核心值]與原始對象配對。
當您需要結果數組中對象的鍵和值時，此方法非常有用。

const obj = {
    company: 'GeeksforGeeks',
    contact: '+91-9876543210',
    city: 'Noida'
};

const entriesArray = Object.entries(obj);
console.log(entriesArray);

輸出

[
  [ 'company', 'GeeksforGeeks' ],
  [ 'contact', '+91-9876543210' ],
  [ 'city', 'Noida' ]
]

使用將對象轉換為數組為…在環形

您還可以使用為…在 循環遍曆對象的屬性並構造一個數組。

為…在循環遍曆對象的屬性。
hasOwnProperty() 方法檢查對象是否將指定屬性作為其自己的屬性(不是繼承的)。
Array push()方法用於添加[核心值]與數組配對。

const obj = {
    company: 'GeeksforGeeks',
    contact: '+91-9876543210',
    city: 'Noida'
};

const arrayFromObj = [];

for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
        arrayFromObj.push([key, obj[key]]);
    }
}

console.log(arrayFromObj);

輸出

[
  [ 'company', 'GeeksforGeeks' ],
  [ 'contact', '+91-9876543210' ],
  [ 'city', 'Noida' ]
]

相關用法

注：本文由純淨天空篩選整理自vkash8574大神的英文原創作品 How to Convert Object to Array in JavaScript?。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。