🦁
【JavaScript】オブジェクトの操作
はじめに
この記事は学習ノートです。
オブジェクトの操作について、学んだことをまとめました。
配列の操作についての記事はコチラ👇
配列にして返してほしいとき
Object.keys
- オブジェクトのキーを配列にして返す
const obj = {
a: 1,
b: 2,
c: 3,
};
console.log(Object.keys(obj));
// ["a", "b", "c"]
Object.values
- オブジェクトのバリューを配列にして返す
const obj = {
a: 1,
b: 2,
c: 3,
};
console.log(Object.values(obj));
// [1, 2, 3]
Object.entries
- オブジェクトのキーとバリューを2次元配列にして返す
const obj = {
a: 1,
b: 2,
c: 3,
};
console.log(Object.entries(obj));
// [["a", 1], ["b", 2], ["c", 3]]
繰り返し処理
for...in
- オブジェクトのすべてのキーに対して処理をおこなう
const user = {
name: "Yui",
age: 27,
};
for(let key in user) {
console.log(key);
console.log(user[key]);
}
// name
// Yui
// age
// 27
forEach
- 配列の全要素に対して関数を実行できるがオブジェクトには
forEachが使用できない
👉 Object.keysなどで配列にしてから使用する
const obj = {
a: 1,
b: 2,
c: 3,
};
const kyes = Object.keys(obj); // ["a", "b", "c"] が keys に代入される
kyes.forEach( key => {
console.log(key);
});
// a
// b
// c
参考
Discussion