JavaScript(6)-3

객체(Object)

Object.assign()

하나 이상의 출처(Source) 객체로부터 대상(Target)객체로 속성을 복사하고 대상 객체를 반환

기본형태: Object.assign(target, ...sources)

const target = { a: 1, b: 2 };
const source1 = { b: 3, c: 4 };
const source2 = { c: 5, d: 6 };
const result = Object.assign(target, source1, source2);
const result2 = Object.assign({}, target, source1, source2);
// 전개 연산자 이용하여 복사
const result3 = {
  ...target,
  ...source1,
  ...source2,
};

console.log(target); // { a: 1, b: 3, c: 5, d: 6 }
console.log(result); // { a: 1, b: 3, c: 5, d: 6 }
console.log(result2); // { a: 1, b: 3, c: 5, d: 6 }
console.log(result3); // { a: 1, b: 3, c: 5, d: 6 }

Object.entries()

주어진 객체의 각 속성과 값으로 하나의 배열 만들어 요소로 추가한 2차원 배열 반환

const user = {
  name: "Heropy",
  age: 85,
  isValid: true,
  email: "thesecon@gmail.com",
};
console.log(Object.entries(user));
/**
 *  [ [ 'name', 'Heropy' ],
 *    [ 'age', 85 ],
 *    [ 'isValid', true ],
 *    [ 'email', 'thesecon@gmail' ] ]
 */
for (const [key, value] of Object.entries(user)) {
  console.log(key, value);
}

Object.keys()

주어진 객체의 속성 이름을 나열한 배열로 반환

const user = {
  name: "Heropy",
  age: 85,
  isValid: true,
  email: "thesecon@gmail.com",
};
console.log(Object.keys(user)); // [ 'name', 'age', 'isValid', 'email' ]

Object.values()

주어진 객체의 속성 값을 나열한 배열 반환

const user = {
  name: "Heropy",
  age: 85,
  isValid: true,
  email: "thesecon@gmail.com",
};
console.log(Object.values(user)); // [ 'Heropy', 85, true, 'thesecon@gmail' ]

---

JSON(JavaScript Object Notation)

데이터 전달을 위한 표준 포맷

• 문자, 숫자, 불린, Null, 객체, 배열만 사용
• 문자는 큰 따옴표만 사용
• 후행 쉼표 사용 불가
• .json 확장자 사용

JSON.stringify(): 데이터를 JSON 문자로 변환

console.log(JSON.stringify("Hello World")); // "Hello World"
console.log(JSON.stringify(123)); // 123
console.log(JSON.stringify(false)); // false
console.log(JSON.stringify(null)); // null
console.log(JSON.stringify({ name: "Heropy", age: 85 })); // {"name":"Heropy","age":85}
console.log(JSON.stringify([1, 2, 3])); // [1,2,3]

JSON.parse(): JSON 문자를 분석해 데이터로 변환

console.log(JSON.parse('"Hello World"')); // Hello World
console.log(JSON.parse("123")); // 123
console.log(JSON.parse("false")); // false
console.log(JSON.parse("null")); // null
console.log(JSON.parse('{"name":"Heropy","age":85}')); // { name: 'Heropy', age: 85 }
console.log(JSON.parse("[1,2,3]")); // [ 1, 2, 3 ]