쏘 개발로그

  • 홈
  • 태그
  • 방명록

map 1

[JavaScript] Array.prototype.map()

1. map()우리는 배열을 다루다 보면 아래와 같은 요구 사항을 갖고 있는 경우가 많다.숫자 배열을 전부 2배로 만들어야 한다.문자열 배열을 전부 대문자로 바꿔야 한다.객체 배열에서 name만 뽑아서 새로운 배열로 만들고 싶다.서버에서 받은 데이터를 UI에서 쓰기 좋은 형태로 바꾸고 싶다.이런 작업들은 모두 공통점이 있는데, 원본 배열은 그대로 두고, 가공된 결과만 따로 새 배열로 만들고 싶다는 것이다. map 메서드는 위의 목적에 딱 맞게 만들어진 것이다.왜냐하면 배열의 각 요소를 하나씩 방문하면서 그 칸의 값을 새 값으로 바꿔서 새 배열의 같은 위치에 넣어주는 역할을 해주기 때문이다.즉, 원본 배열의 0번째를 새 값으로 바꿔서 새 배열의 0번째에 넣어주고, 원본 배열의 1번째도 새 값으로 바꿔서 ..

👩🏻‍💻 Frontend/📌 JavaScript 2026.02.14
이전
1
다음
더보기
반응형
프로필사진

쏘 개발로그

공부한 내용 중에서 잘못된 개념이 있다면, 댓글로 피드백 해주시면 감사하겠습니다. 🙇🏻‍♀️

  • 분류 전체보기
    • 👩🏻‍💻 Frontend
      • 📌 JavaScript
      • 📌 TypeScript
      • 📌 Web
      • 📌 React
    • 📌 Node
    • 📌 CS
    • 👩🏻‍💻 프로젝트
      • 📌 독서 관리 어플
      • 📌 일본어 단어 퀴즈
    • 👩🏻‍💻 코딩테스트
      • 📌 JavaScript
    • 👩🏻‍💻 학교
      • 📌 컴퓨터통신
    • 👩🏻‍💻 이것저것
      • 📌 인턴

Tag

프론트 인턴, JavaScript, REACT, 기술블로그, 리액트 네이티브, 컴퓨터 네트워크, js, 백엔드 인턴, HTML5, 컴퓨터 통신, 프로그래머스, 풀스택 인턴, 공부기록, HTML, CSS, React Native, 개발자, 개발자 인턴, 자바스크립트, 코테,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

    티스토리툴바