[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"]]