[ES6] 26. Map()
// 예시 코드
const testAr = [1, 2, 3, 4, 5]; // 테스트용 배열
// 배열의 각 요소에 대해 새로운 값을 반환하는 함수
const mapFunction = (element) => {
return element * 2; // 각 요소를 2배로 변환하여 반환
};
const testAr2 = testAr.map(mapFunction); // map 함수를 사용하여 testAr 배열의 각 요소에 mapFunction을 적용한 결과를 저장
console.log(testAr2); // 변환된 배열 출력
위의 예시 코드는 testAr 배열의 각 요소에 대해 mapFunction 함수를 적용하여 새로운 배열 testAr2를 생성하는 예시입니다. 코드의 실행 순서와 주석으로 설명을 제공하겠습니다.
testAr 배열을 선언하고 초기값으로 [1, 2, 3, 4, 5]를 할당합니다.
mapFunction 함수를 정의합니다. 이 함수는 입력된 요소를 2배로 변환하여 반환합니다.
testAr.map(mapFunction)을 사용하여 testAr 배열의 각 요소에 mapFunction 함수를 적용한 결과를 새로운 배열 testAr2에 저장합니다.
console.log(testAr2)를 사용하여 변환된 배열 testAr2를 출력합니다.
실행 결과는 [2, 4, 6, 8, 10]가 출력됩니다. testAr 배열의 각 요소가 mapFunction 함수에 의해 2배로 변환되어 testAr2 배열에 저장되었습니다.
이러한 주석과 예시 코드를 통해 map 함수를 사용하여 배열의 각 요소에 함수를 적용하는 방법을 이해하고 활용할 수 있을 것입니다.
정리
testAr 의 배열을 건들이거나 변경이 없이,
testAr2에 배열을 *2가 된 상태로 testAr2에 추가되서 testAr2
console.log(testAr2)를 사용하여 변환된 배열 testAr2를 출력합니다.
실행 결과는 [2, 4, 6, 8, 10]가 출력됩니다.
[ES6] 26. Map() 으로 짝수 , 홀수 구하는 코드 작성하기
// 예시 코드
const testAr = [1, 2, 3, 4, 5]; // 테스트용 배열
// 배열의 각 요소에 대해 짝/홀 여부를 반환하는 함수
const mapFunction = (element) => {
if (element % 2 === 0) {
return `${element}은(는) 짝수입니다.`; // 짝수인 경우 반환
} else {
return `${element}은(는) 홀수입니다.`; // 홀수인 경우 반환
}
};
const testAr2 = testAr.map(mapFunction); // map 함수를 사용하여 testAr 배열의 각 요소에 mapFunction을 적용한 결과를 저장
console.log(testAr2); // 변환된 배열 출력
이 업데이트된 코드에서 이제 mapFunction에는 각 요소가 짝수인지 홀수인지 확인하는 if 문이 포함됩니다. 코드 실행 및 주석은 다음과 같습니다.
testAr 배열은 [1, 2, 3, 4, 5]로 선언되고 초기화됩니다.
mapFunction 함수가 정의됩니다. 요소가 2로 나누어 떨어지는지 확인하여 짝수인지 홀수인지 확인합니다. 짝수이면 짝수임을 나타내는 문자열을 반환합니다. 홀수이면 홀수임을 나타내는 문자열을 반환합니다.
testAr.map(mapFunction)은 testAr 배열의 각 요소에 mapFunction을 적용하고 결과를 testAr2 배열에 저장하는 데 사용됩니다.
console.log(testAr2) 문은 변환된 배열 testAr2를 인쇄하는 데 사용됩니다.
출력은 각 요소가 짝수인지 홀수인지를 나타내는 문자열 배열입니다. 예를 들어 출력은 ["1은(는) 홀수입니다.", "2은(는) 짝수입니다.", "3은(는) 홀수입니다.", "4은(는) 짝수입니다. ", "5은(는) 홀수입니다."].
이 업데이트된 코드는 map 함수 내에서 if 문을 사용하여 배열의 각 요소에 대해 조건부 연산을 수행하는 방법을 보여줍니다.
'컴퓨터공부 > Javascript' 카테고리의 다른 글
[javascript] Function , Array.from() , arguments , console.log(myFunction(10,20)); // x와 y 값 구하기 응용버전 (0) | 2023.07.29 |
---|---|
[ES6] 27. Map() 기본형태 , 기존 배열을 수정하지않고 새로운 배열을 만들기 (0) | 2023.07.03 |
[ES6] 25 .split , for문, foreach 문 , map (0) | 2023.06.12 |
[ES6] 24. .indexOf 의 첫번째 인덱스, 두번째 인덱스, 세번째 인덱스 찾기 실습 (0) | 2023.06.10 |
댓글