INDEX
はじめに
![](https://techlog.site/wp-content/uploads/2024/02/nwe_icon.jpeg)
オブジェクトを配列にする方法(反復処理)を学びました!
その結果を執筆しました。
結論
種類 | 処理説明 | メリット |
---|---|---|
Object.keys() | オブジェクトのkeyのみを取得する | 1 行で処理する事が出来る(for 文不要) map()などの処理にも併せて利用する事が出来る |
Object.values() | オブジェクトのvalueのみを取得する | 同上 |
Object.entries() | オブジェクトのkeyとvalueのみを取得する | 同上 |
使い方
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のkeyとvalueのみを取得します。
const user_info = {
name: 'ogura',
age: 18,
gender: 'female',
};
console.log(Object.entries(user_info));
出力結果を確認します。
[["name", "ogura"], ["age", 18], ["gender", "female"]]