실패율 (프로그래머스, JavaScript)

문제 출처

문제

슈퍼 게임 개발자 오렐리는 큰 고민에 빠졌다. 그녀가 만든 프랜즈 오천성이 대성공을 거뒀지만, 요즘 신규 사용자의 수가 급감한 것이다. 원인은 신규 사용자와 기존 사용자 사이에 스테이지 차이가 너무 큰 것이 문제였다.
이 문제를 어떻게 할까 고민 한 그녀는 동적으로 게임 시간을 늘려서 난이도를 조절하기로 했다. 역시 슈퍼 개발자라 대부분의 로직은 쉽게 구현했지만, 실패율을 구하는 부분에서 위기에 빠지고 말았다. 오렐리를 위해 실패율을 구하는 코드를 완성하라.
실패율은 다음과 같이 정의한다.
스테이지에 도달했으나 아직 클리어하지 못한 플레이어의 수 / 스테이지에 도달한 플레이어 수
전체 스테이지의 개수 N, 게임을 이용하는 사용자가 현재 멈춰있는 스테이지의 번호가 담긴 배열 stages가 매개변수로 주어질 때, 실패율이 높은 스테이지부터 내림차순으로 스테이지의 번호가 담겨있는 배열을 return 하도록 solution 함수를 완성하라.

제한사항

스테이지의 개수 N은 1 이상 500 이하의 자연수이다.
stages의 길이는 1 이상 200,000 이하이다.
stages에는 1 이상 N + 1 이하의 자연수가 담겨있다.
각 자연수는 사용자가 현재 도전 중인 스테이지의 번호를 나타낸다.
단, N + 1 은 마지막 스테이지(N 번째 스테이지) 까지 클리어 한 사용자를 나타낸다.
만약 실패율이 같은 스테이지가 있다면 작은 번호의 스테이지가 먼저 오도록 하면 된다.
스테이지에 도달한 유저가 없는 경우 해당 스테이지의 실패율은 0 으로 정의한다.

입출력 예시

N / stages / result
5 / [2, 1, 2, 6, 2, 4, 3, 3] / [3,4,2,1,5]
4 / [4,4,4,4,4] / [4,1,2,3]

문제해석 (주관적)

// 핵심: 난이도가 어려운 스테이지 순서가 적힌 배열을 반환
// 실패율(failureRate) 함수 만들기
// stages[i]에 1~N 수가 있다.
var stages.length = a;
failureRate[0] = stages[]에서 중복되는 1의 개수 = a - 1보다 큰 값 / a
failureRate[1] = stages[]에서 중복되는 2의 개수 / a - 중복되는 1의 개수
failureRate[N-1] = stages[]에서 중복되는 n의 개수 / stages.length - 중복되는 1의 개수 - ... - 중복되는 n-1의 개수
// 실패율을 비교해서 큰 순서대로 중복되는 숫자 n을 반환
// 실패율이 같을 때, 중복되는 숫자 n을 비교해서 작은 숫자가 앞에 오도록 한다.

문제풀이

function solution(N, stages) {
    return Array.from({length:N}).map((v,i)=>{
        var a = stages.length;
        stages = stages.filter(v=>v>i+1);
        return {i:i+1, r:(a-stages.length)/a};
    }).sort((a,b)=>a.r==b.r ? a.i-b.i : b.r-a.r).map(v=>v.i);
}
Array.from({length:N}) // 반환해야하는 길이 N의 배열 만들기
// Array.from({length:n}, (v,i) => i); // [0,1,2,...,N-1] 생성됨.
.map() // map()함수를 사용해서 생성한 배열에 요소를 추가
var a = stages.length; // 사용자가 현재 멈춰져있는 스테이지의 번호가 담긴 배열 == 현재 스테이지에 도전하는 사람들의 수
stages = stages.filter(v=>v>i+1); // 값이 i+1보다 큰 요소만을 filter()로 걸러준다. == 현재 스테이지를 성공한 사람들
// 실패율: 1~N 단계에 멈춰있는 사람들 / 앞선 스테이지를 클리어 한 사람들, 핵심은 filter()
return {i:i+1, r:(a-stages.length)/a}; // 스테이지넘버 i는 1씩 더해서 1~N 값으로 만들고, 실패율 r을 배열에 담는다.
.sort((a,b)=>a.r==b.r ? a.i-b.i : b.r-a.r)
// 실패율이 같으면 인덱스의 오름차순으로 배열 후, 실패율이 높은 내림차순으로 정렬
.map(v=>v.i); // 실패율 대신 그 인덱스를 반환하는 배열을 만든다.

공부내용

1. Array.filter()

   filter() 메소드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환한다.

구문
arr.filter(callback(element[, index[, array]])[, thisArg]);
쓰임
var filtered = array.filter(value);
매개변수
callback: 각 요소를 시험할 함수. true를 반환하면 요소를 유지하고, false를 반환하면 버린다. 세 가지 인수를 가진다.
1. element: 처리할 현재 요소
2. index: 처리할 현재 요소의 인덱스 (선택적임)
3. array: filter()를 호출한 배열 (선택적임)
4. thisArg: callback을 실행할 때 this로 사용되는 값 (선택적임)
반환 값: 테스트를 통과한 요소로 이루어진 배열. 어떤 요소도 테스트를 통과하지 못했으면 빈 배열을 반환한다.
예시
var stages = [1,2,3,4,4];
function sameNum(value) {
	return value == 1;
}
var filtered = stages.filter(sameNum); // [1]

2. Array.sort()

   sort()는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환하는 메소드이다.

구문
arr.sort([compareFunction])
쓰임
array.sort();
array.sort((a,b) => a-b); // 오름차순 배열 반환
매개변수
compareFunction: 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 반환에 따라 각 문자의 유니코드 포인트 값에 따라 정렬된다.
반환 값: 정렬한 배열. 복사본이 생성되는 것이 아니라, 원 배열이 정렬되는 것에 유의.
compareFunction의 형식
function compare(a, b) {
  if (a is less than b by some ordering criterion) {
    return -1;
  }
  if (a is greater than b by the ordering criterion) {
    return 1;
  }
  // a must be equal to b
  return 0;
}
예시
stages.sort((a,b) => a.v==b.v ? a.i - b.i : b.v - a.v);
// a의 값과 b의 값이 같으면 인덱스에의 오름차순으로 정렬을 한 뒤, 실패율에 따라 내림차순 정렬을 한다.

3. Array.map()

   map은 callback 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만든다. callback함수는 배열 값이 들어있는 인덱스에 대해서만 호출된다. map은 호출한 배열의 값을 변형하지 않지만 callback함수 구문에 의해 변형될 수는 있다.

구문
arr.map(callback(currentValue[, index[, array]])[, thisArg])
쓰임
array.prototype.map(v, i, a)
매개변수
callback: 새로운 배열 요소를 생성하는 함수. 세 가지 인수를 가진다.
1. currentValue: 처리할 현재 요소
2. index: 처리할 현재 요소의 인덱스 (선택적임)
3. array: map()을 호출한 배열 (선택적임)
4. thisArg: callback을 실행할 때 this로 사용되는 값 (선택적임)
반환 값: 배열의 각 요소에 대해 실행한 callback의 결과를 모은 새로운 배열.
예시
var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
console.log(roots); // [1, 2, 3];
var doubles = numbers.map(function(num) {
	return num * 2;
});
console.log(doubles); // [2, 8, 18];

4. Array.from()

   Array.from()메서드는 유사 배열 객체(array-like object)나 반복가능한 객체(iterable object)를 얕게 복사해서 새로운 Array 객체를 만든다.

구문
Array.from(arrayLike[, mapFn[, thisArg]])
매개변수
arrayLike: 배열로 변환하고자 하는 유사배열 객체나 반복가능한 객체
//유사배열객체: length속성과 인덱싱된 요소를 가진 객체
//반복가능한객체: Map, Set등 객체의 요소를 얻을 수 있는 객체
mapFn: 배열의 모든 요소에 대해 호출할 맵핑 함수 (선택적임)
thisArg: mapFn 실행 시에 this로 사용할 값 (선택적임)
반환 값: 새로운 Array 인스턴스
쓰임
Array.from(obj, mapFn, thisArg)
Array.from(obj).map(mapFn, thisArg)
예시
var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
console.log(roots); // [1, 2, 3];
var doubles = numbers.map(function(num) {
	return num * 2;
});
console.log(doubles); // [2, 8, 18];
Array.from({length: 5}, (v, i) => i); // [0, 1, 2, 3, 4]

더 공부할 내용

=> 함수에 대한 내용