如何將物件轉換成陣列?

王林
發布: 2024-04-29 11:03:01
原創
1295 人瀏覽過

在 JavaScript 中將物件轉換為陣列的方法:使用 Object.keys() 取得屬性鍵陣列。使用 Object.values() 取得屬性值陣列。使用 map() 和 Object.entries() 將物件鍵值對轉換為陣列。

如何將物件轉換成陣列?

如何將物件轉換成陣列

在JavaScript 中,有幾種方法可以將物件轉換成陣列:

使用Object.keys()

const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj); // ['a', 'b', 'c']
登入後複製

使用Object.values()##

const values = Object.values(obj); // [1, 2, 3]
登入後複製

使用組合運算

const arr = [...Object.values(obj)]; // [1, 2, 3]
登入後複製

使用map()Object.entries()

const entries = Object.entries(obj); // [['a', 1], ['b', 2], ['c', 3]]
const arr = entries.map(([key, value]) => value); // [1, 2, 3]
登入後複製

實戰案例

假設我們有一個物件的數組,我們想要得到所有物件的

id 屬性值的陣列:

const objects = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

const ids = objects.map(({ id }) => id); // [1, 2, 3]
登入後複製

以上是如何將物件轉換成陣列?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!