반응형
구조분해할당 = 비구조화할당
const child = {
name: "준호",
age: 30,
school: "USC",
createdAt: "2021-03-15",
}
// const name = "joonho"
// const age = 30
// const school = "서라벌초등학교"
// const createdAt = "2020-01-01"
const { name, age, school, createdAt } = child
getWelcomeTemplate({ name, age, school });function getChild() {
return { namec: "철수", agec: 13, schoolc: "다람쥐초등학교", }
}
const { schoolc } = getChild();
console.log('schoolcs', schoolc)const [child1 ,child2] =["철수" , "영희"]function getClassmates(aaa,bbb)
{
return [bbb,aaa]
}
const [c1, c2] = getClassmates("맹구","훈이")요즘에는 이렇게 많이 쓴다
function getWelcomeTemplate({ name, age, school, createdAt }) {
const result = `
<html>
<body>
<h1>철수님 가입을 환영합니다!!</h1>
<hr/>
<div> 이름 : ${name} </div>
<div> 나이 : ${age} </div>
<div> 학교 : ${school} </div>
<div> 가입일 : ${createdAt} </div>
</body>
</html>
`
console.log('result', result)
}
const child = {
name: "준호",
age: 31,
school: "건국대학교",
createdAt: "2021-03-15",
}
const { name, age, school, createdAt } = child
getWelcomeTemplate({ name, age, school, createdAt });반응형
'Web Dev > Javascript' 카테고리의 다른 글
| Javascript 배열 변수에 공백 값이 자꾸 들어가는 경우 filter() 메서드 (0) | 2023.06.21 |
|---|---|
| Javascript 첨부파일 용량 제한하는 방법 쉽습니다 feat JQuery (0) | 2023.06.21 |
| Javascript : 웹페이지 원하는 위치에 애니메이션 focus 주는 방법 feat JQuery 방법 (0) | 2023.06.12 |
| Javascript : table 태그 name ,id 값으로 행과 열 구분하여 checkbox 체크 가능 범위 조절하는 함수 (0) | 2023.05.17 |
| JavaScript 자바스크립트의 관대함 this, argument (0) | 2023.03.23 |
| JS Rest 파라미터 사용 방법 간단한 예제로 알려드립니다 (0) | 2023.03.21 |
