JavaScript 배열에서 특정 요소 개수 구하는 방법

JavaScript 배열에서 특정 요소 개수 구하는 방법

 

JavaScript에서 배열 내부에 특정 요소가 중복되어 존재하는 개수를 구하는 방법을 알려드리도록 하겠습니다.

 

목차

1. reduce() 사용하는 방법
2. filter() 사용하는 방법
3. for() OR forEach() 사용하는 방법

 

reduce() 사용하는 방법

const getElNum = (arr, el) => arr.reduce((ac, v) => ac + (v === el), 0);

const array = ['A', 'B', 'C', 'D', 'A', 'A', 'C', 'E', 'D', 'E', 'A'];
const test = getElNum(array, 'A');
console.log(test);

// Output
// 4

역시나 거의 만능으로 사용 가능한 reduce() 를 사용하여 배열 내부에 특정 요소의 개수를 구할 수 있습니다.

(el === v) 에서 true가 나오고 해당 값을 number 형에 더하게 되면 1이 더해지는 것을 이용하여 코드를 간결하게 작성할 수 있습니다.

 

 

 

filter() 사용하는 방법

const getElNum = (arr, el) => arr.filter(v => v === el).length;

const array = ['A', 'B', 'C', 'D', 'A', 'A', 'C', 'E', 'D', 'E', 'A'];
const test = getElNum(array, 'A');
console.log(test);

// Output
// 4

filter() 를 사용하여 배열에서 원하는 요소와 일치하는 요소들만 필터링한 후, 해당 배열의 길이를 통해 배열 내부에 특정 요소의 개수를 구할 수 있습니다.

 

 

 

for() OR forEach() 사용하는 방법

const getElNum = (arr, el) => {
  let result = 0;
  for (const v of arr) {
    if (v === el) result++;
  }
  return result;
}

const array = ['A', 'B', 'C', 'D', 'A', 'A', 'C', 'E', 'D', 'E', 'A'];
const test = getElNum(array, 'A');
console.log(test);

// Output
// 4

for() 혹은 forEach() 를 사용하여 반복문을 돌면서 원하는 요소와 일치하는 요소가 나왔을 때 미리 0 으로 초기화 해둔 변수를 1씩 증가시키는 방법으로 배열 내부에 특정 요소의 개수를 구할 수 있습니다.

 

 

 

이상으로 배열 내부에 특정 요소의 개수를 구하는 방법에 대한 설명을 마치도록 하겠습니다.

 

 

도움이 되셨다면 공감, 댓글 부탁드립니다!

궁금하신 점이나 요청사항은 언제든지 말씀해주세요!

피드백도 언제나 환영입니다!

 

감사합니다.