-
9.Object3JavaScript 2021. 10. 3. 20:40반응형
변수를 객체로 묶기
const id = 1; const userName = "kim"; const obj = { id, userName } //{ id: 1, name: 'kim' }
//디버깅 시 객체의 key value 확인하기 const getSum = (a, b) => { console.log({a, b}); //{ a: 2, b: 3 } const sum = a + b; console.log({sum}); //{ sum: 5 } >> 중괄호로 변수를 둘러싸면 변수의 이름과 값이 동시에 출력된다. return sum; } getSum(2, 3);
//객체 쪼개기, 합치기 const config = { id: 1, isAdmin: false, theme: { dark: false, accessibility: true } }; //방식 1 const id = config.id; const isAdmin = config.isAdmin; const theme = config.theme; //방식 2 const {id, isAdmin, theme} = config; const {isAdmin, theme} = config // false { dark: false, accessibility: true } >> 객체의 일부 속성만 따로 분리할 수도 있다. const user = { id: 1, name: "Sam", isAdmin: true }; const {id, name, isAdmin: admin} = user; console.log(admin); // true >> isAdmin의 값을 admin으로 호출한 모습.
//두 객체 합치기 const firstPerson = { name: "Sam", age: 18 } const secondPerson = { age: 25, type: "admin" } const mergedObjects = {...firstPerson, ...secondPerson}; console.log(mergedObjects); // {name: "Sam", age: 25, type: "admin"}
반응형'JavaScript' 카테고리의 다른 글
javascript DOM style 조작하기 (0) 2022.04.21 10. chainning, Nullish Coalescing (0) 2021.10.03 8.Object2 (0) 2021.10.01 7.Array 2 (0) 2021.10.01 6.Objects (0) 2021.09.27