Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 스프링부트 블로그만들기
- springboot 게시판만들기
- 스프링게시판프로젝트
- 스프링 게시판 만들기
- springboot 게시판
- 유니티
- python 괄호 회전하기
- 타입스크립트 기초문법
- spring jpa 게시판
- 프로그래머스 괄호 회전하기 python
- 타입스크립트 기본문법
- springboot 미니프로젝트
- 파이썬 괄호 회전하기
- 유니티기초
- 타입스크립트 기초
- jpa 게시판
- 스프링부트 회원가입
- 스프링부트 update
- spring jpa 사이드프로젝트
- 파이썬 기초
- JS기초
- 괄호 회전하기 파이썬
- springboot 사이드프로젝트
- springboot 게시판 프로젝트
- 스프링부트 게시판만들기
- 스프링부트 미니프로젝트
- 유니티Cube
- 유니티Material
- 스프링부트 블로그
- typescript 기초문법
Archives
- Today
- Total
Digking's cave
JS 기초 ) 구조분해할당 (Destructuring assignment) 본문
728x90
구조분해할당 (Destructuring assignment)
: 배열이나 객체의 속성을 분해해서 그 값은 변수에 담을 수 있게 하는 표현식
let [x, y] = [1,2];
console.log(x); // 1
console.log(y); // 2
let usres = ["Mike", "Tom", "Jane"];
let [ user1, user2, user3] = users;
// user1 = users[0] Mike
// user2 = users[1] Tom
// user3 = users[2] Jane
배열 구조 분해
let str = "Mike-Tom-Jane";
let [user1, user2, user3] = str.split('-');
// "Mike" "Tom" "Jane"
해당값이 없으면 undefined 으로 들어간다.
미리 기본값을 지정해둬서 , 해당값 없을 땐 기본값으로 지정할 수도 있다
let [a,b,c] = [1,2];
let [a=3, b=4, c=5] = [1,2];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 5
일부 반환값을 무시할 수도 있다.
let [usrer1, ,user2] = ["Mike", "Tom", "Jane","Tony"];
console.log(user1); // 'Mike'
console.log(user2); // 'Jane'
바꿔치기도 편리하게 가능하다.
[a,b] = [b,a]
let a = 3;
let b = 5;
[a.b0 = [b,a]
let user = {name: "Mike" , age : 30};
let {name,age} = user;
let {age, name} = user;
// 순서는 상관없다
console.log(name); //"Mike"
console.log(age); //30
//이름도 변경 가능하다
let {name: userName, age: userAge} = user;
console.log(name); //"Mike"
console.log(age); //30
기본값을 줄 수 있다.
let user = {name: "Mike" , age : 30};
let {name,age,gender} = user; //gender = undefined
let {name,age,gender="male"} = user;
반응형
'기초 > JavaScript' 카테고리의 다른 글
JS 기초 ) Array (배열메소드) 2 - sort / reduce (0) | 2022.08.03 |
---|---|
JS 기초 ) Array(배열메소드) - splice / slice / includes / find / map / join / split (0) | 2022.08.02 |
JS 기초) 문자열 메소드 (문자열 길이 / 문자열 특정위치 / 문자열 비교/ 문자 대소문자 / 문자 위치찾기 / 특정문자 찾기) (0) | 2022.08.02 |
JS 기초 ) Number , Math (0) | 2022.08.01 |
JS 기초 ) 심볼 (Symbol) (0) | 2022.08.01 |