[TypeScript] オブジェクト(object)を配列に変換する

はじめに

この記事では、コードをシンプルに書ける反復処理を解説します。

結論

下記コードで配列の末尾の値を取得する可能です。

// オブジェクトのkeyのみを取得する
const hoge = Object.keys(オブジェクト変数);

// オブジェクトのvalueのみを取得する
const hoge = Object.values(オブジェクト変数);

// オブジェクトのkeyとvalueのみを取得する
const hoge = Object.entries(オブジェクト変数);

メリット

1. 1 行で処理する事が出来る(for 文不要)
2. map()などの処理にも併せて利用する事が出来る

1. オブジェクトの key のみを取得する

const user_info = {
  name: 'ogura',
  age: 18,
  gender: 'female',
};
console.log(Object.keys(user_info));

実行結果を確認する

["name", "age", "gender"]

2. オブジェクトの value のみを取得する

const user_info = {
  name: 'ogura',
  age: 18,
  gender: 'female',
};

console.log(Object.values(user_info));

実行結果を確認する

["ogura", 18, "female"]

3. オブジェクトの key と value のみを取得する

const user_info = {
  name: 'ogura',
  age: 18,
  gender: 'female',
};

console.log(Object.entries(user_info));

実行結果を確認する

[["name", "ogura"], ["age", 18], ["gender", "female"]]

YouTube のご案内

ポモドーロタイマー（25 分勉強＋ 5 分休憩）を活用した作業・勉強配信を行っています。
集中したいときや、誰かと一緒に頑張りたいときに、ぜひご活用ください。

ご興味のある方は、ぜひお気軽に遊びに来てください！
「Zenn から来ました!!」とコメントを貰えると泣いて喜びます 🤣