명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로 길이를 조사했습니다.
아래 표는 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 | 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 |
function solution(sizes) {
sizes.forEach(size => size.sort((a, b) => b - a));
let width = 0;
let height = 0;
for (let i = 0; i < sizes.length; i++) {
if (width < sizes[i][0]) width = sizes[i][0];
if (height < sizes[i][1]) height = sizes[i][1];
}
return width * height;
}
구조 분해 할당
function solution(sizes) {
let w = 0;
let h = 0;
sizes.forEach(s => {
const [a, b] = s.sort((a, b) => a - b);
if (a > h) h = a;
if (b > w) w = b;
});
return w * h;
}
Array.prototype.reduce
reduce 메서드 내에서 최댓값을 구하는 Math.max 메서드와 최솟값을 구하는 Math.min 메서드를 이용하여,
a, b 중 더 큰 값을 h와 비교하고, 작은 값을 v와 비교해서 큰 값으로 업데이트 시켜준다. (초기값 [0, 0])
function solution(sizes) {
const [hor, ver] = sizes.reduce(([h, v], [a, b]) => [Math.max(h, Math.max(a, b)), Math.max(v, Math.min(a, b))], [0, 0])
return hor * ver;
}
구조 분해 할당이란 배열이나 JSON 객체의 프로퍼티를 해체하여 그 값을 개별 변수에 담을 수 있게 해주는 자바스크립트 표현식이다.
할당받을 변수를 왼쪽에, 분해할 대상을 오른쪽에 대입하는 형식으로 작성하면 된다.
const [a, b] = [1, 5]
배열 [1, 5]이 분해되어 각각 a, b에 담긴 것이다.
map 이나 forEach 같은 배열의 함수에서도 구조 분해 할당을 사용할 수 있다.
const menu = [
{ name: '돈까스', price: 12000 },
{ name: '우동', price: 7000 },
{ name: '초밥', price: 18000 }
]
menu.forEach(({name, price}, index) => {
console.log(index, name, price);
});
menu.map(({name, price}) => {
console.log(name, price);
});