#8 map

📍 map이란?

• map()은 배열의 각 요소를 순회하면서 주어진 함수를 실행하고, 그 결과로 새로운 배열을 생성하는 메서드
• map() 메서드는 JavaScript 배열의 내장 메서드로, 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과로 새로운 배열을 생성하는 기능을 제공합니다.
• map() 메서드는 원래 배열을 변경하지 않고, 새로운 배열을 반환합니다.

📍기본 문법

array.map((currentValue, index, array) => {
  // 변환 로직
  return newValue;
});

• currentValue: 현재 처리 중인 배열의 요소입니다.
• index (선택적): 현재 요소의 인덱스입니다.
• array (선택적): map()을 호출한 원본 배열입니다.'

📍 사용 예시

1. 기본 사용법

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num => num * 2);

console.log(doubled); // [2, 4, 6, 8, 10]

2. 객체 배열에서 특정 속성 추출

const users = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 35 }
];

const names = users.map(user => user.name);

console.log(names); // ["Alice", "Bob", "Charlie"]

3. 인덱스 사용

const numbers = [10, 20, 30];
const indexed = numbers.map((num, index) => `${index}: ${num}`);

console.log(indexed); // ["0: 10", "1: 20", "2: 30"]

📍 실전 예시

!https://blog.kakaocdn.net/dn/U5h2h/btsycWEFyMv/dRGyEGGE6s3jt4Wkn3d8b1/img.png

move: index

📍 filter 사용

• 원하는 항목만 골라내고 싶을 때

numbers = [1, 2, 3, 4, 5, 6]

# 짝수만 필터링하고 각 짝수에 2를 곱하는 예제
even_numbers = filter(lambda x: x % 2 == 0, numbers)
result = map(lambda x: x * 2, even_numbers)

print(list(result))  # 출력: [4, 8, 12]

1. filter()는 리스트에서 짝수만을 선택합니다.
2. map()은 선택된 짝수에 대해 2를 곱합니다.

결과적으로 [4, 8, 12]가 출력

☑️ 예시

!https://blog.kakaocdn.net/dn/Pg2MG/btsJ3iBS9tE/c2wZxKlM5GvGRsm0utlArk/img.png

https://www.youtube.com/watch?v=89jyGFktI40&list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7-&index=9

https://inpa.tistory.com/236