TypeScript Dictionary轉Array用法及代碼示例

在TypeScript，將字典(對象)轉換為數組在您需要以更可迭代和更靈活的方式處理值的情況下非常有用。

這些是以下方法：

表中的內容

使用Object.keys方法
使用Object.values方法
使用Object.entries方法

使用Object.keys方法

將 TypeScript 字典轉換為數組的常見方法涉及利用 Object.keys()，它提供一個包含給定對象的可枚舉屬性名稱的數組。

用法:

Object.keys(obj);  // It will return the array of all keys.

例子：下麵的代碼使用“keys()”方法使用 TypeScript 將字典轉換為數組。

Javascript


// Creating a dictionary object
const dictionary = {
    name: "Hritik",
    email: "gfg@gmail.com",
    isActive: true,
    mobile: 9876543210,
}
// Fetch the all keys from the dictionary as an array
const allKeys = Object.keys(dictionary);
console.log("Here, We have array of all keys:");
console.log(allKeys);

輸出

Here, We have array of all keys:
[ 'name', 'email', 'isActive', 'mobile' ]

使用Object.values方法

將 TypeScript 字典轉換為數組的常見方法涉及利用 Object.entries()，它提供包含給定對象的值的數組。

用法:

Object.values(obj);  // It will return the array of all values.

例子：下麵的代碼使用“values()”方法使用 TypeScript 將字典轉換為數組。

Javascript


// Creating a dictionary object
const dictionary = {
    name: "Hritik",
    email: "gfg@gmail.com",
    isActive: true,
    mobile: 9876543210,
}
// We can fetch all the values from the dictionary as an array
const allValues = Object.values(dictionary);
console.log("Here, We have array of all values:");
console.log(allValues);

輸出

Here, We have array of all values:
[ 'Hritik', 'gfg@gmail.com', true, 9876543210 ]

使用Object.entries方法

當鍵和值都需要以數組的形式時，Object.entries() 方法會派上用場。該方法從字典中獲取鍵和值，允許我們根據具體需要將它們轉換為對象數組或數組數組。

用法:

Object.entries(obj)
// The method returns an array of array containing key, value pairs

例子：下麵的代碼使用“entries()”方法使用 TypeScript 將字典轉換為數組。

Javascript


// Creating a dictionary object
const dictionary = {
    name: "Hritik",
    email: "gfg@gmail.com",
    isActive: true,
    mobile: 9876543210,
}
// Now, converting the dictionary object into an array
const arrOfArr = Object.entries(dictionary);
console.log("Converting an object into an array of arrays");
console.log(arrOfArr);

輸出

Converting an object into an array of arrays
[
  [ 'name', 'Hritik' ],
  [ 'email', 'gfg@gmail.com' ],
  [ 'isActive', true ],
  [ 'mobile', 9876543210 ]
]

相關用法

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