5명씩(Lv.0)[filter문자열 메서드는 true, false 값을 통해 값을 판별. ]

<문제>

최대 5명씩 탑승가능한 놀이기구를 타기 위해 줄을 서있는 사람들의 이름이 담긴 문자열 리스트 names가 주어질 때, 앞에서 부터 5명씩 묶은 그룹의 가장 앞에 서있는 사람들의 이름을 담은 리스트를 return하도록 solution 함수를 완성해주세요. 마지막 그룹이 5명이 되지 않더라도 가장 앞에 있는 사람의 이름을 포함합니다.

---

제한사항

• 5 ≤ names의 길이 ≤ 30
• 1 ≤ names의 원소의 길이 ≤ 10
• names의 원소는 영어 알파벳 소문자로만 이루어져 있습니다.

---

입출력 예

namesresult

["nami", "ahri", "jayce", "garen", "ivern", "vex", "jinx"]

["nami", "vex"]

---

입출력 예 설명

입출력 예 #1

• 앞에서부터 5명씩 두 그룹으로 묶을 수 있습니다. ["nami", "ahri", "jayce", "garen", "ivern"], ["vex", "jinx"] 이 두 그룹에서 가장 앞에 서있는 사람들의 이름을 담은 리스트인 ["nami", "vex"]를 return합니다.

function solution(names) {
   return names.map.filter((a,i) => i % 5 === 0? x[i] : null );
}

 

이렇게 문제를 풀었더니.. 0이후의 뒷값들은 걸러지지 않는 에러가 뜬다.

이유는 아래와 같다.

 

---

결론적으로, filter 함수에서는 반환 값이 true 또는 false인지에 따라 요소를 포함시킬지 결정하기 때문에, 복잡한 표현식 대신 명확한 불리언 값을 반환하는 것이 좋습니다.

 

 

아!  내가 다음 인덱스1 부터는 아예값이 없다고 한게 문제가 된거야? filter가 null이 아닌 false를 판단하니까 문제가 되었던 것. 

 

주어진 예제에서는 i % 5 === 0인 경우 모든 요소가 truthy 값이므로 문제가 발생하지 않았습니다. 그러나 일반적으로는 위와 같은 표현식이 문제를 일으킬 수 있습니다.

 

따라서 filter 함수를 사용할 때는 콜백 함수가 명확한 불리언 값을 반환하도록 하는 것이 좋습니다.

---