문제 설명
명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로 길이를 조사했습니다.
아래 표는 4가지 명함의 가로 길이와 세로 길이를 나타냅니다.
| 명함 번호 | 가로 길이 | 세로 길이 |
|---|---|---|
| 1 | 60 | 50 |
| 2 | 30 | 70 |
| 3 | 60 | 30 |
| 4 | 80 | 40 |
가장 긴 가로 길이와 세로 길이가 각각 80, 70이기 때문에 80(가로) x 70(세로) 크기의 지갑을 만들면 모든 명함들을 수납할 수 있습니다. 하지만 2번 명함을 가로로 눕혀 수납한다면 80(가로) x 50(세로) 크기의 지갑으로 모든 명함들을 수납할 수 있습니다. 이때의 지갑 크기는 4000(=80 x 50)입니다.
모든 명함의 가로 길이와 세로 길이를 나타내는 2차원 배열 sizes가 매개변수로 주어집니다. 모든 명함을 수납할 수 있는 가장 작은 지갑을 만들 때, 지갑의 크기를 return 하도록 solution 함수를 완성해주세요.
제한사항
- sizes의 길이는 1 이상 10,000 이하입니다.
- sizes의 원소는 [w, h] 형식입니다.
- w는 명함의 가로 길이를 나타냅니다.
- h는 명함의 세로 길이를 나타냅니다.
- w와 h는 1 이상 1,000 이하인 자연수입니다.
입출력 예
| sizes | result |
|---|---|
| [[60, 50], [30, 70], [60, 30], [80, 40]] | 4000 |
| [[10, 7], [12, 3], [8, 15], [14, 7], [5, 15]] | 120 |
| [[14, 4], [19, 6], [6, 16], [18, 7], [7, 11]] | 133 |
입출력 예 설명
입출력 예 #1문제 예시와 같습니다.
입출력 예 #2명함들을 적절히 회전시켜 겹쳤을 때, 3번째 명함(가로: 8, 세로: 15)이 다른 모든 명함보다 크기가 큽니다. 따라서 지갑의 크기는 3번째 명함의 크기와 같으며, 120(=8 x 15)을 return 합니다.
입출력 예 #3명함들을 적절히 회전시켜 겹쳤을 때, 모든 명함을 포함하는 가장 작은 지갑의 크기는 133(=19 x 7)입니다.
문제풀이
💡 문제풀이 과정
- 명함 크기를 담은 배열이 [가로, 세로] 순서여도, 명함에 따라 가로가 세로 보다 넓은 명함 혹은 세로가 가로보다 더 넓은 명함도 있다. 따라서 2차원 배열이기 때문에
map()함수와sort()를 함께 사용하여 내림차순하면 [더 넓은 너비, 좁은 너비]로 배열을 정렬시킨다. (아래 예시 참고)
let sizes = [[60, 50], [30, 70], [60, 30], [80, 40]]; let soted = sizes.map((v) => v.sort((a, b) => b - a)); console.log(soted); // [[60, 50], [70, 30], [60, 30], [80, 40]]
- 다음은
Math.max.apply()를 이용하여 위 처럼 [더 넓은 너비, 좁은 너비] 순으로 정렬한 배열의 Max 값을 구해낸다. 정렬한 배열들의 원소의 첫 번째 인덱스들 중 가장 큰 수와, 배열 원소의 두 번째 인덱스들 중 가장 큰 수를 각각 알아내면 된다.
Math.max()와Math.max.apply()에 대해..
Math.max()에 입력되는 모든 값들은 숫자로 결과를 계산해 낼 수 있는 것들 이어야 한다. 그렇지 않으면NaN(Not A Number)를 반환하고, 파타미터를 입력하지 않으면-Infinity를 반환 한다. 배열 또한 그대로 넣으면NaN을 반환하므로, 변수에 담은 array의 경우…array(spread operator)로 입력 해주면 된다. 아래 몇 가지 예제를 통해Math.max()와Math.max.apply()를 이해해보자.
let arr = [30, 50, 100, 40, 5]; // 1. Math.max() console.log(Math.max()); // -Infinity console.log(Math.max(arr)); // NaN console.log(Math.max(...arr)); // 100 console.log(Math.max(30, 50, 100, 40, 5)); // 100 console.log(Math.max("30", "50", "100", "40", "5")); // 100 console.log(Math.max("글자", "str", "100", "40", "5")); // NaN // 2. Math.max.apply() console.log(Math.max.apply(arr)); // -Infinity console.log(Math.max.apply(...arr)); // Uncaught TypeError: CreateListFromArrayLike called on non-object console.log(Math.max.apply(null, arr)); // 100 console.log(Math.max.apply("", arr)); // 100
- 위 예시에서는
Math.max()함수의apply()메소드를 호출하고 있다.apply()메소드는 파라미터로, 함수에서 사용할 this 객체와 호출하는 함수로 전달할 파라미터를 입력받는다.function.apply(thisArg, [argsArray])
apply()메소드의 첫 번째 파라미터로는Math.max()함수 내부에서 사용할this 객체를 전달해야 하는데,여기서는 따로 this 객체를 지정해 줄 필요가 없으므로null을 전달한다. 그리고apply()메소드의 2번째 파라미터(호출하는 함수로 전달할 파라미터)는 배열 형태로 입력한다.
✅ 답안
function solution(sizes) {
sizes.map((v) => v.sort((a, b) => b - a));
let maxW = Math.max.apply(null, sizes.map((v) => v[0]));
let maxH = Math.max.apply(null, sizes.map((v) => v[1]));
return maxW * maxH;
}