- Today
- Total
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- wordpress
- 이클립스
- 환경세팅
- 트러블슈팅
- 함수
- 배열
- 티스토리챌린지
- 엘리멘터
- 클론코딩
- Oracle
- 문제해결
- dbeaver
- 프로시저
- JSP
- 워스프레스
- iframe
- 오블완
- 오라클
- Hostinger
- 워드프레스
- sql
- 오류해결
- function
- 자바스크립트
- pl/sql
- PLSQL
- PROCEDURE
- spring boot
- javascript
Archives
개발 공부중
[javaScript] 구조분해할당 본문
구조분해할당이란,
자바스크립트에서 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식
- let[a,b,c] = [1,2] 처럼 값이 없으면 undefined가 들어간다.
- let[user1, ,user2] = [’a’,’b’,’c’] 중간에 b값은 무시된다.
- [a, b] =[b, a] 로 값을 바꿔치기 할 수 있다.
let [x, y] = [1, 2];
console.log(x); // 1
console.log(y); // 2
//배열 구조 분해 할당
let users = ['a','b','c'];
let [user1, user2, user3] = users;
console.log(user1); // 'a'
console.log(user2); // 'b'
console.log(user3); // 'c'
// 특정 문자열 마다 자르기
let users = 'a-b-c';
let [user1, user2, user3] = users.split('-');
console.log(user1); // 'a'
console.log(user2); // 'b'
console.log(user3); // 'c'
// let[a,b,c] = [1,2] 처럼 값이 없으면 undefined가 들어간다.
// let[user1, ,user2] = [’a’,’b’,’c’] 중간에 b값은 무시된다.
//[a, b] =[b, a] 로 값을 바꿔치기 할 수 있다.
//객체 구조 분해
let user = {name :'a', number:1}
let {name, number} = user; //순서상관 없음 {age,number} 도 결과값이 같다
//let name = user.name;
//let number = user.number;
console.log(name); // 'a'
console.log(number); // 1
//새로운 변수 이름으로 할당
let user = {name :'a', number:1}
let {number : one , name : aname} = user;
console.log(aname); //'a'
console.log(one); //1
//객체 기본값 설정
let user = {name :'a', number:1,};
let {number, name, color = 'blue'} = user; // color값 없을 때 blue를 기본값으로
console.log(name); //'a'
console.log(number); //1
console.log(color); //'blue'
const obj ={
a:1,
b:2,
c:3,
}
//구조 분해시 같은 변수를 사용 불가
const{a,b,e} = obj
console.log(a); // 1
console.log(b); // 2
console.log(e); // undefined = false 0
const{c} = obj;
//초기화도 가능하다 - 구조분해할당시
const{e1 = 5} = obj;
const{y = 5} = obj;
console.log(e1); // 5
console.log(c); // 3
console.log(y); // obj에 y가 없으니 14번에서 초기화된 값이 출력
const arr = [1,2,3,4,5]
const[i,j, ...rest] = arr
console.log(i);
console.log(j);
console.log(rest); //[ 3, 4, 5 ]
참고사이트
'JavaScript' 카테고리의 다른 글
[JavaScript] DataTable 간단한 예제 코드 (0) | 2023.11.09 |
---|---|
[JavaScript] 함수(선언적 함수/익명 함수/대입형 함수/즉시실행 함수) (0) | 2023.02.16 |
[javaScript] 배열 메소드 정리 (0) | 2023.02.13 |
[javaScript] 객체의 깊은 복사 / 얕은 복사 (0) | 2023.02.10 |
[javaScript] 객체(Object), 배열(Array) 추가/삭제/수정하기 (0) | 2023.02.08 |
Comments