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

Just Make IT

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

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

array (2)
자바스크립트 배열의 구조분해(destructuring)

저번 포스팅에서는 객체의 구조분해를 다뤘습니다. 마지막 부분에는 객체와 배열을 혼합한 구조에서 구조분해는 어떻게 할 것인지도 다루니 혹시 객체 구조분해를 모르신다면 보고 오시는 것을 추천드립니다. 자바스크립트 객체의 구조분해배열 구조분해 하기 let arr = ["first", "second", "third"]; let [first, second, third] = arr; first와 second, third의 값을 확인하시면 각각 "first"와 "second", "third"의 값이 담겨 있는 것을 볼 수 있습니다. 객체를 구조분해 할 땐 객체 리터럴을 사용했지만 배열을 구조분해 할 땐 배열 리터럴을 사용합니다. 할당 연산자 왼쪽에 배열 리터럴이 오고, 할당연산자 오른쪽에 오는 값은 null이나 un..

Frontend-dev/HTML-CSS-JS 2018. 2. 11. 19:56
자바스크립트의 배열

배열이란? 배열도 객체와 같이 여러가지 값들을 저장할 수 있습니다. 객체와 다른점은 순서가 있다는 것입니다. 네! 배열은 바로 순서가 있는 객체입니다. 그리고 많은 값들을 한 곳에 저장할 때도 아주 유용하게 쓰일 수 있습니다. 배열 선언하기 let arr = ["컴퓨터", "티비", "냉장고"]; 배열은 위와 같은 형태로 선언합니다. 대괄호 사이에 값을 적고, 값 끼리는 ,로 구분합니다. 지금은 문자열로만 채웠지만 숫자, 또 다른 배열, 객체 등 모든 값들을 넣을 수 있습니다. let arr2 = new Array("컴퓨터", "티비", "냉장고"); arr2처럼 선언하는 방법도 있습니다. 둘 다 배열을 만들지만 첫 번째 방법이 더 쉽기 때문에 많이 쓰입니다. 첫 번째 방식처럼 직접 값을 넣는 방법을 리..

Frontend-dev/HTML-CSS-JS 2018. 2. 10. 14:50
이전 1 다음
이전 다음
TAG
  • css
  • React
  • python
  • three.js 튜토리얼
  • 리액트 라우터
  • JavaScript
  • 자바스크립트
  • 리액트
  • es6
  • 반응형 웹
  • 스크래핑
  • 장고 튜토리얼
  • 깃허브
  • flex
  • 플렉스
  • responsive web
  • 파이썬 예제
  • html
  • css grid
  • 반응형 웹 예제
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바