대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다.
예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다.
s | answer |
---|---|
"pPoooyY" | true |
"Pyy" | false |
function solution(s){
let p = [...s.toLowerCase()].filter(item => item === 'p');
let y = [...s.toLowerCase()].filter(item => item === 'y');
return p.length === y.length ? true : false;
}
아주 얕게 알고 있던 스프레드 문법을 이번 기회에 공부해보았다. 자세한 내용은 아래 배운 점에 서술.
split()
"P"를 구분자로 split하면 배열의 길이는 (P의 개수+1)이 되고, "Y"를 구분자로 split하면 길이는 (Y의 개수+1)이 되므로, 두 배열의 길이가 같은지 여부를 true/false 반환
function numPY(s){
return s.toUpperCase().split("P").length === s.toUpperCase().split("Y").length;
}
정규표현식
대소문자를 구분하지 않는 i
플래그와, 모든 매칭 결과를 배열로 반환하는 g
플래그를 사용하여 배열의 길이 비교
function numPY(s) {
return s.match(/p/ig).length == s.match(/y/ig).length;
}
ES6에서 도입된 스프레드 문법(spread syntax) …은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다.
스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM 컬렉션(NodeList, HtmlCollection), argumnets와 같이 for … of 문으로 순회할 수 있는 이터러블에 한정된다.
const list = ...[1, 2, 3];
// SyntaxError: Unexpected token ...
따라서 단독으로 사용할 수 없고, 다음과 같이 쉼표로 구분한 값의 목록을 사용하는 문맥에서만 사용할 수 있다.
myFunction(a, ...iterableObj, b)
[1, ...iterableObj, '4', 'five', 6]
{ ...obj, key: 'value' }
스프레드 문법은 Rest 파라미터와 형태가 동일하여 혼동할 수 있는데, 사실 서로 반대의 개념이다.
Rest 파라미터는 함수에 전달된 인수들의 목록을 배열로 전달받기 위해 매개변수 이름 앞에 ...을 붙이는 것이고, 스프레드 문법은 여러 개의 값이 하나로 뭉쳐 있는 배열과 같은 이터러블을 펼쳐서 개별적인 값들의 목록을 만드는 것이다.
// Rest 파라미터는 인수들의 목록을 배열로 전달받는다.
function foo(...rest) {
console.log(rest); // 1, 2, 3 -> [ 1, 2, 3 ]
}
// 스프레드 문법은 배열과 같은 이터러블을 펼쳐서 개별적인 값들의 목록을 만든다.
foo(...[1, 2, 3]); // [1, 2, 3] -> 1, 2, 3
MDN Spread syntax (...)
이웅모, 『모던 자바스크립트 Deep Dive』, 위키북스