Skip to content

JS/SevelteKit

array.map() 배열 각 요소에 작용하여 새로운 배열을 리턴

Author
siwon
Date
2024-01-10 02:43
Views
363

JavaScript의 `map()` 메서드는 기존 배열의 각 요소에 대해 제공된 함수를 호출하고 그 결과로 새로운 배열을 생성하는 고차 함수입니다. 이 메서드는 원본 배열을 수정하지 않고 새 배열을 반환합니다.


`map()` 메서드의 기본 문법은 다음과 같습니다:


```javascript

const 새로운배열 = 기존배열.map((현재값, 인덱스, 배열) => {

  // 현재값에 어떤 연산을 적용한 결과를 반환

});

```


- `현재값`: 배열에서 현재 처리 중인 요소입니다.

- `인덱스`: (선택적) 배열에서 현재 요소의 인덱스입니다.

- `배열`: (선택적) `map()`이 호출된 배열입니다.


간단한 예시를 통해 살펴보겠습니다:


```javascript
const 숫자들 = [1, 2, 3, 4, 5];
const 제곱된숫자들 = 숫자들.map((숫자) => {
  return 숫자 * 숫자;
});
console.log(제곱된숫자들);
// 출력: [1, 4, 9, 16, 25]
```

이 예시에서 `map()` 메서드는 각 요소에 대해 제곱을 수행하여 새로운 배열을 생성합니다.