비구조화할당= 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식
ex1)
test.js
const studnt = {
apple="사과",
banana="반하나",
kiwi="키위"}
const{apple,banana,kiwi} = student
console.log(apple) ==> 이거 하면 사과 나온다!
어떻게 이해해야 하냐면 const{apple,banana,kiwi} = student 에서
apple, banana, kiwi값 student에서 뽑아와~ 라는 의미임.
ex2)
다음은 배열이다. 배열은 index값이 자동으로 주어지므로 차례대로 할당된다.
const user = ["김사과","반한","다람쥐"]
const [kim,ban,oh] = user
console.log(kim)
답은 김사과.
ex3)
다음 예 역시 name,age,weight 변수를 잘 가져온다.
const dog = {
name : "루시",
age : 11,
weight : 3.5
}
function print({name,age,weight}){
console.log(`
우리집 강아지 이름은 ${name}이고
나이는 ${age}살이며 몸무게는 ${weight}
kg입니다
`);
}
print(dog);
'Javascript' 카테고리의 다른 글
| 함수의 호출과 반환의 차이 (0) | 2022.07.07 |
|---|---|
| 호이스팅 (0) | 2022.06.28 |
| 제이쿼리) 수정버튼클릭하면 인풋창뜨게하기_.click사용 (0) | 2022.06.24 |
| javascript 코드 버튼 누를때마다 홀짝홀짝 나오는 코드 (0) | 2022.06.08 |
| javascript 처음 써보기. style테그 밑에다가 function만들기 (0) | 2022.06.08 |