#AIL_23.12.13 // Programmers_행렬의 덧셈***

## AIL_행렬의 덧셈

*** 문제 설명
행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요.

*** 제한 조건
행렬 arr1, arr2의 행과 열의 길이는 500을 넘지 않습니다.

*** 입출력 예

arr1	arr2	return
[[1,2],[2,3]]	[[3,4],[5,6]]	[[4,6],[7,9]]
[[1],[2]]	[[3],[4]]	[[4],[6]]

 

---

## solution.JavaScript

1. 문제의 접근 방식

주어진 문제는 두 개의 행렬(arr1, arr2)을 입력으로 받고, 같은 위치에 있는 원소를 더한 결과를 반환합니다.

 

예시)

let arr1 = [[1, 2], [2, 3]];
let arr2 = [[3, 4], [5, 6]];
let result = solution(arr1, arr2);

console.log(result);

 

위의 예시에서 `arr1`과 `arr2`는 각각 다음과 같은 행렬을 나타냅니다. 

arr1 = [[1, 2],
        [2, 3]]

arr2 = [[3, 4],
        [5, 6]]
        
 arr1         arr2     arr1 + arr2
[1, 2]   +   [3, 4]   =  [4, 6]
[2, 3]   +   [5, 6]   =  [7, 9]
// 결과인 result는 [[4, 6], [7, 9]]이 됩니다.

---

2. 문제풀이

function solution(arr1, arr2) {
    // 결과를 저장할 빈 행렬 생성
    let answer = [];
    
    // 행렬의 행 수와 열 수 구하기
    let rows = arr1.length;
    let cols = arr1[0].length;
    
    // 각 위치의 원소를 더해서 새로운 행렬에 추가
    for (let i = 0; i < rows; i++) {
        let row = [];
        for (let j = 0; j < cols; j++) {
            row.push(arr1[i][j] + arr2[i][j]);
        }
        answer.push(row);
    }
    
    return answer;
}
/*
테스트 1
입력값 〉	[[1, 2], [2, 3]], [[3, 4], [5, 6]]
기댓값 〉	[[4, 6], [7, 9]]
실행 결과 〉	테스트를 통과하였습니다.
테스트 2
입력값 〉	[[1], [2]], [[3], [4]]
기댓값 〉	[[4], [6]]
실행 결과 〉	테스트를 통과하였습니다.
*/

 

1. `let answer = [];` 결과를 저장할 빈 배열 answer를 선언합니다. 이 배열에는 행렬 덧셈의 결과가 들어갑니다.

// 결과를 저장할 빈 행렬 생성
let answer = [];

 

2. `let rows = arr1.length;` 변수 `rows`에는 `arr1`의 행의 수를 저장합니다. `let cols = arr1[0].length;` 변수 `cols`에는 `arr1`의 열의 수를 저장합니다. 주어진 문제에서는 각 행의 열의 수가 같다고 가정하였으므로, arr1의 첫 번째 행의 열의 수를 사용합니다.

// 행렬의 행 수와 열 수 구하기
let rows = arr1.length;
let cols = arr1[0].length;

 

3. `for (let i = 0; i < rows; i++) {` 외부 루프는 각 행에 대한 작업을 반복합니다. i는 현재 행의 인덱스를 나타냅니다.

// 각 위치의 원소를 더해서 새로운 행렬에 추가
for (let i = 0; i < rows; i++) {

 

4. `let row = [];` 내부 루프에서 각 행에 대한 결과를 저장할 빈 배열 row를 선언합니다.

 // 내부 루프 시작 - 각 행에 대한 작업
    let row = [];

 

5. `for (let j = 0; j < cols; j++) {` 내부 루프는 현재 행의 각 열에 대한 작업을 반복합니다. j는 현재 열의 인덱스를 나타냅니다.

 for (let j = 0; j < cols; j++) {

 

6. `row.push(arr1[i][j] + arr2[i][j]);` 현재 위치에 있는 두 행렬의 원소를 더한 값을 `row` 배열에 추가합니다.

        // 현재 위치의 두 행렬 원소를 더해서 새로운 행렬에 추가
        row.push(arr1[i][j] + arr2[i][j]);
    }

 

7. `answer.push(row);` 내부 루프에서 한 행에 대한 계산이 완료되면, 해당 행을 최종 결과인 `answer` 배열에 추가합니다.

// 내부 루프 종료 - 한 행에 대한 작업이 완료됐으므로 해당 행을 answer에 추가
    answer.push(row);

 

8. `return answer;` 최종적으로 완성된 결과인 `answer` 배열을 반환합니다. 이 배열은 두 행렬을 더한 결과를 나타냅니다.

return answer;

---

3. 다른사람의 문제풀이 및 접근방식 분석_2중 map() 함수 사용***

function solution(A,B){
    return A.map((arr1, idx1) => arr1.map((val, idx2) => val+B[idx1][idx2]));
}
/*
테스트 1
입력값 〉	[[1, 2], [2, 3]], [[3, 4], [5, 6]]
기댓값 〉	[[4, 6], [7, 9]]
실행 결과 〉	테스트를 통과하였습니다.
테스트 2
입력값 〉	[[1], [2]], [[3], [4]]
기댓값 〉	[[4], [6]]
실행 결과 〉	테스트를 통과하였습니다.
*/

 

1.  `A.map`은 배열 A의 각 요소에 대해 주어진 함수를 실행하고 그 결과로 새로운 배열을 생성합니다. `arr1`은 A의 각 행에 해당하고, `idx1`은 현재 행의 인덱스를 나타냅니다.

A.map((arr1, idx1) => ...)

 

2. `arr1.map`은 현재 행 `arr1`의 각 요소에 대해 주어진 함수를 실행하고 그 결과로 새로운 배열을 생성합니다. ` val`은 현재 요소의 값이고, `idx2`는 현재 열의 인덱스를 나타냅니다.

arr1.map((val, idx2) => ...)

 

3. 현재 위치의 A 행렬과 B 행렬의 같은 위치에 있는 원소를 더합니다.

val + B[idx1][idx2]

 

4. 최종적으로, A와 B의 같은 위치의 원소를 더한 값으로 이루어진 새로운 행렬이 반환됩니다.

---

#  map() 함수란?

`map()`함수는 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과로 새로운 배열을 생성합니다. 기존 배열을 변경하지 않고, 각 요소를 변형하여 새로운 배열을 만들 때 사용합니다.

 

---

#  map() 사용방법

** 기본구조

const newArray = array.map((element, index, array) => {
    // 변형 로직
    return transformedElement;
});

// element: 현재 요소의 값
// index: 현재 요소의 인덱스
// array: 원본 배열

** 예시

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map((num) => {
    return num * 2;
});

// doubledNumbers: [2, 4, 6, 8, 10]

---

#  map() 장단점

** 장점

1. 간결성

 코드를 간결하게 작성할 수 있습니다.

 

2. 가독성

 변형 로직이 한 줄에 담겨 있어 가독성이 좋습니다.

 

2. 불변성 유지

 기존 배열을 변경하지 않고 새로운 배열을 생성하여 함수형 프로그래밍 원칙 중 하나인 불변성을 유지합니다.

 

** 단점

성능 고려 문제

`map` 함수를 사용하면 새로운 배열을 만들기 때문에, 큰 배열이나 성능이 중요한 상황에서는 오히려 부적절할 수 있습니다.

---

# map() 사용시기

** 사용시기

1. 변형이 필요한 경우 

각 요소를 변형하고 새로운 배열을 만들어야 할 떼 사용합니다.

 

2. 불변성이 필요한 경우

기존 배열을 변경하지 않고 새로운 배열을 만들어야 할 때 사용합니다.

 

3. 가독성이 중요한 경우

`map`을 사용하면 변형 로직을 한 줄에 간결하게 표현 할 수 있습니다. 

** 사용 시 주의사항

1. 콜백 함수 주의

콜백 함수에서 부수 효과(side effects)를 피해야 합니다. map 함수는 변형 로직을 순수 함수로 작성하는 것이 좋습니다.

 

2.성능 고려

큰 배열이나 성능이 중요한 상황에서는 map 대신 다른 방법을 고려해야 합니다.

 

3.적절한 활용

단순한 반복문으로 처리 가능한 작업이라면 map을 사용할 필요가 없습니다. 코드의 목적과 상황에 맞게 선택해야 합니다.