Array 객체 join(), includes() 매소드 활용

이번에는 JS의 몇가지 유용한 매소드들에 대해 알아본다.

 

1. join()

해당 매소드는 호출하는 객체 배열의 각 요소 끝에 매개변수로 입력받은 문자(열)를 추가시켜 문자열로 변환하여 반환 해주는 매소드이다. 이때 가장 마지막 요소의 끝에는 매개변수로 입력받은 문자(열)을 추가하지 않는다.

위의 자료는 join의 활용을 나타내는 자료이다. 특정 문자열이 입력 될때 'q' 라는 문자값을 'e' 라는 문자값으로 모두 바꾸어 주는 replaceAll 이라는 함수를 정의 하였으며 해당 함수의 동작 방식은 다음과 같다.

1. 입력받은 문자열을 split 매소드를 사용하여 target 문자를 기준으로 분리시킨다. 만약 타켓 문자가 'q'일 경우 위와 같이 q를 기준으로 모든 문자열을 분리하여 배열형태로 변환
2. 변환 받은 배열은 타겟문자를 기준으로 나뉘어져 있음으로 join 매소드를 사용하여 'e' 라는 문자를 각 요소의 뒤에 추가해 문자열로 반환해준다.

 

 

2. includes()

해당 매소드는 호출하는 객체 배열의 요소 중 매개변수로 입력받은 리터럴(값)이 있는지 true or false 로 반환해주는 매소드이다.

위의 자료는 특정 사용자들의 점수를 기록한 userScore 배열에 있는 값들 중 1 ~ 3 등까지의 값이 총 몇개 있는지 구하는 코드이다. (중복 값 허용) 이때 중복값을 허용하면서 총 몇개의 값이 1 ~ 3 에 포함되는지 includes 매소드를 사용하여 구하는 모습이다.

userScroe는 모든 사용자의 점수값이며 topScore는 userScore에 있는 값중 1 ~ 3 등 까지의 값을 넣을 배열이다.

1. userScore 배열 정렬
2. userScore 배열의 가장 뒤의 값 (1등 값)을 pop하여 nData 변수에 할당
3. topScore 배열안에 현재 nData 값이 있는지 확인 후 만약 없을경우 topScore 배열에 push 한다.
4. 만약 topScore 배열 안의 값이 총 4개 즉 4등이 추가되었다면 반복문 탈출, 4개 보다 적을경우 ++cnt

위의 과정을 반복하면서 중첩되는 1 ~ 3등 까지의 총 값의 개수를 구할 수 있다.