[JavaScript] 매개변수에서 구조분해할당

17wolfgwang·2023년 9월 23일
0
post-thumbnail
post-custom-banner
  • 예시
    const user = {
    
    name:’jang’,
    
    age:’33’
    
    }
    
    function getName(user) {
    
    const { name }  = user
    
    return name
    
    }
    
    console.log(getName(user)) // jang

이렇게 할수도 있지만,

    function getName( { name } ) {
    
    return name
    
    }
    
    console.log(getName(user)) // jang

이렇게 매개변수에서 부터 구조분해할당 할 수 있다.

  • 예시2
    인수를 배열 형태로 만들어 준다.
    function sum(a,b, … rest) {
    
    console.log(rest)
    
    }
    
    console.log(sum(1, 2)) // [] ← a와 b에 1,2가 들어가고 나머지 요소가 없어서 빈 배열반환.
    
    console.log(sum(1, 2, 3, 4)) // [3, 4]
    
    console.log(sum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10)) // [3, 4, 5, 6, 7, 8, 9, 10]
  • argument
    따로 선언하지 않아도 함수 내에 인수들의 정보를 가지고 있는 argument 를 쓸 수 있다. 배열처럼 보이나 객체인 유사배열로 배열에 쓰이는 메소드들을 사용할 수 없기에 구조분해할당을 통해 따로 배열 선언을 하기도 한다.
profile
새로운 것을 두려워 하지 않고 꾸준히 뭐든 배워나가는 프론트 엔드 개발자 입니다 🧑‍💻
post-custom-banner

0개의 댓글