ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 9.Object3
    JavaScript 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

    댓글

Designed by Tistory.