본문 바로가기 메뉴 바로가기

기록하며 성장하기

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

기록하며 성장하기

검색하기 폼
  • ALL (46)
    • TIL (9)
    • HTML & CSS (5)
    • Javascript (23)
    • React (1)
    • Typescript (4)
    • VScode (1)
    • Git (1)
    • Study log (0)
  • 방명록

구조분해할당 (1)
[JS] 구조분해할당 Destructuring assignment

object : 속성을 가진 값을 저장할때 객체 자료형으로 만든다. array : 요소들을 순서대로 저장할때 배열 자료형으로 만든다. 작업을 하다보면 객체나 배열 데이터 전부가 아닌, 일부만 필요한 경우가 있다고 한다. 이럴때 자료를 변수로 '분해' 할 수 있게 해주는 문법이 [ 구조분해할당 ] 이다. Array 데이터를 변수에 담기 const arr = [1,2,3] const a = arr[0] const b = arr[1] const c = arr[2] // 위 코드를 아래와 같이 바꿀 수 있다. const [a,b,c] = arr 왼쪽에 선언한 변수 명의 갯수와, 배열 요소의 갯수가 맞지 않으면 값이 제대로 할당되지 않으므로 디폴트값을 넣어줄 수 있다. const arr = [1,2] const ..

Javascript 2022. 5. 4. 16:37
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • Github
TAG
  • Til
  • typescript
  • Prototype
  • Ternary
  • JQuery
  • 생각정리
  • 조건부삼항연산자
  • Asynchronous
  • destructuring
  • VSCode
  • promise
  • Prettier
  • CSS
  • 구조분해할당
  • Synchronous
  • ES6
  • 타입스크립트
  • class
  • DOM
  • 개념정리
  • javascript
  • 삼항조건연산자중복사용
  • notworking
  • JSX
  • 다중조건삼항연산자
  • 리액트
  • Callback
  • scrollEvent
  • callsignature
  • JS
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바