第2週-3配列、オブジェクト

整列

mutable vs immutable

オブジェクト

オブジェクトの読み取りと書き込み

.(ピリオド)演算子

let user = {
  name: "John",
  age: 30
};

user.name // => "John"

[]角カッコ演算子

user["name"] // => "John"

function(obj, key){
  return obj[key] //--> key가 동적으로 변하기 때문에 대괄호로 묶어준다.
  // [x] obj.key  / obj["key"]
}

let result = fun(obj, key)

Object.keys, values, entries. fromEntries

let user = {
  name: "John",
  age: 30
};

Object.keys(user) = ["name", "age"]
Object.values(user) = ["John", 30]
Object.entries(user) = [ ["name","John"], ["age",30] ]

const arr = [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ];
const obj = Object.fromEntries(arr);
console.log(obj); // { 0: "a", 1: "b", 2: "c" }

オブジェクトの変換

let prices = {
  banana: 1,
  orange: 2,
  meat: 4,
};

let doublePrices = Object.fromEntries(
  // 객체를 배열로 변환해서 배열 전용 메서드인 map을 적용하고 fromEntries를 사용해 배열을 다시 객체로 되돌립니다.
  Object.entries(prices).map(([key, value]) => [key, value * 2])
);

console.log(doublePrices.meat); // 8

浅い放射

const obj = {
  a: "하나",
  b: {
    c: "둘",
  },
};

const copiedObj = Object.assign({}, obj);

obj === copiedObj // false

obj.a = "하나하나"
obj.a === copiedObj.a // false

copiedObj.b.c = "둘둘"
obj.b.c === copiedObj.b.c // true