본문 바로가기
내마음대로만들어보자/JS

비구조할당 - 딕셔너리에 값을 꺼내기!

by 소농민! 2021. 8. 13.
728x90

딕셔너리에 있는 값을 꺼내 변수에 담을때, 할당 과정을 거치지 않으면서 딕셔너리의 값을 꺼내서 그대로 변수 사용이 가능하다.

 

//객체  let blog = {  
     owner : "noah",  
     url : "noahlogs.tistory.com",  
     getPost() {    
  console.log("ES6 문법 정리");   
  }
}; 
 
//기존 할당 방식 
let owner = blog.owner 
let getPost = blog.getPost() 
 
//비구조 할당 방식 
let { owner, getPost } = blog;        
//각각 blog 객체의 owner , getPost() 의 데이터가 할당 
//blog의 키 값과 이름이 같아야 한다.
//(예 - owner가 아니라 owner2를 넣어보면! 아무것도 안 들어온답니다.) 
 
** 앞으로 리액트 네이티브 앱을 만들며 가장 많이 사용할 방식** 
 
//함수에서 비구조 할당 방식으로 전달된 딕셔너리 값 꺼내기 
let blogFunction = ({owner,url,getPost}) => {  
       console.log(owner)  
       console.log(url)  
       console.log(getPost())
  } 
 
blogFunction(blog)

 

'내마음대로만들어보자 > JS' 카테고리의 다른 글

while문  (0) 2021.08.13
리터럴  (0) 2021.08.13
화살표함수(Arrow Function)  (0) 2021.08.13
자바스크립트 기초 연습하기(반복문,조건문)  (0) 2021.08.13
조건문 & 반복문  (0) 2021.08.12