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

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 map (1)
배열 메소드 map 알아보기

새로 추가된 배열 메소드인 mapmap은 배열을 변형합니다. 전체를 바꾸기도 하고, 조건에 따라서 부분만 바꾸기도 합니다. 반복문 등을 이용하지 않고도 간단하게 새로운 배열을 만들 수 있습니다. 얼마나 편리한 지 코드로 확인해볼까요? const num = [2, 4, 6, 8, 10]; const num1 = num.map(x => x+1); num이란 배열엔 짝수가 들어있습니다. 다 홀수가 들어있는 배열을 만들려면 어떻게 해야할까요? num 배열의 요소에 1씩을 더하면 홀수가 됩니다. map은 콜백함수를 받습니다. 콜백함수는 매개변수로 현재의 값, 현재 인덱스, 배열 전체를 받습니다. num1을 확인하면 [3, 5, 7, 9 ,11]이라는 배열이 들어있는 것을 볼 수 있습니다. map은 사본을 반환하며..

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

Blog is powered by Tistory / Designed by Tistory

티스토리툴바