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

typescript-object
INDEX

はじめに

オブジェクトを配列にする方法(反復処理)を学びました!
その結果を執筆しました。

結論

種類処理説明メリット
Object.keys()オブジェクトのkeyのみを取得する1 行で処理する事が出来る(for 文不要)
map()などの処理にも併せて利用する事が出来る
Object.values()オブジェクトのvalueのみを取得する同上
Object.entries()オブジェクトのkeyvalueのみを取得する同上

使い方

Object.keys

user_infoのkeyのみを取得します。
const user_info = {
  name: 'ogura',
  age: 18,
  gender: 'female',
};

console.log(Object.keys(user_info));
出力結果を確認します。
["ogura", 18, "female"]

Object.values

user_infoのvalueのみを取得します。
const user_info = {
  name: 'ogura',
  age: 18,
  gender: 'female',
};

console.log(Object.values(user_info));
出力結果を確認します。
["ogura", 18, "female"]

Object.entries

user_infoのkeyvalueのみを取得します。
const user_info = {
  name: 'ogura',
  age: 18,
  gender: 'female',
};

console.log(Object.entries(user_info));
出力結果を確認します。
[["name", "ogura"], ["age", 18], ["gender", "female"]]
よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

Born in 1994
Engineer's career is from 2020.10
Skill: Next.js, TypeScript, Django, Python, HTML, CSS

INDEX