프로그래머스 - 문자열 섞기 - js (js map() 메소드)

프로그래머스 - 문자열 섞기 - js 

 

문제

길이가 같은 두 문자열 str1과 str2가 주어집니다.

두 문자열의 각 문자가 앞에서부터 서로 번갈아가면서 한 번씩 등장하는 문자열을 만들어 return 하는 solution 함수를 완성해 주세요.

 

 

제한 사항

1 ≤ str1의 길이 = str2의 길이 ≤ 10
str1과 str2는 알파벳 소문자로 이루어진 문자열입니다.

 

입출력 예

str1	str2	result
"aaaaa"	"bbbbb"	"ababababab"

 

solution.js

function solution(str1, str2) {
    return [...str1].map((a, i) => a+str2[i]).join("")
}

 

해설

- return [...str1] : 이 함수는 스프레드 구문(...)을 사용하여 str1을 개별문자 배열로 변환한다. 이 단계에서는 배열로 조작 가능하다. 

 

- .map((a, i) => a+ str2[i]) : map ()메서드는 str1에서 생성된 문자 배열에서 호출된다. 인덱스 i에서 각 문자 a를 반복한다.

 

- map()콜백 함수 내에서 인덱스 i에 있는 str의 현재 문자 a는 str2[i]를 사용하여 str2의 동일한 인덱스에 있는 문자와 연결된다. 

 

 

js.map() 함수 사용 방법 (배열 메소드)

 

어떤 배열에 있는 모든 요소들의 값을 변경해서 만든 새로운 배열을 써야 할 때가 있다.

그 때 루프를 사용하여 배열에 대해 수동으로 반복 처리하는 대신, 간단히 기본 제공 Array.map() 메소드를 사용하면 된다.

이 Array.map() 메소드는 콜백 함수를 이용해 각각의 요소에 호출해서 그 값을 변환할 수 있게 해준다. 다시 말하자면 콜백 함수는 배열의 각 요소에 실행된다.

 

 

let arr = [3, 4, 5, 6];

for (let i = 0; i < arr.length; i++){
  arr[i] = arr[i] * 3;
}

console.log(arr); // [9, 12, 15, 18]

-> for 루프를 사용하여 배열에 대해 반복 처리

 

let arr = [3, 4, 5, 6];

let modifiedArr = arr.map(function(element){
    return element *3;
});

console.log(modifiedArr); // [9, 12, 15, 18]

-> map()메소드를 사용하여 배열에 대해 반복처리 한 것

 

- 일반적으로 Array.map() 메소드는 위의 코드에서와 같이 특정 숫자를 곱하거나, 애플리케이션에 필요한 다른 작업을 수행하는 등 요소에 어떤 변경 사항을 적용하는 데 사용된다.