Làm cách nào để đếm số trong mảng JavaScript?

Bài viết này sẽ trình bày các phương pháp đếm số lần xuất hiện phần tử của mảng trong JavaScript

Đếm số lần xuất hiện phần tử mảng trong JavaScript

Để đếm số lần xuất hiện của phần tử mảng trong JavaScript, hãy sử dụng các phương thức được cung cấp bên dưới

Hãy thảo luận riêng về tất cả các phương pháp được đề cập

Phương pháp 1. Đếm số lần xuất hiện phần tử mảng bằng cách sử dụng phương thức filter()

Để đếm số lần xuất hiện của phần tử cụ thể trong một mảng, phương thức “filter()” được sử dụng. Nó lọc xuống các phần tử của mảng đã cho đã vượt qua bài kiểm tra được xác định bởi hàm đã chỉ định

cú pháp
Cú pháp sau đây được sử dụng cho phương thức filter() để đếm số lần xuất hiện của phần tử trong một mảng

bộ lọc ( phần tử )

Ở đây, “phần tử” là phần tử mảng đang được xử lý

Giá trị trả về
Các phần tử vượt qua bài kiểm tra được trả về trong một mảng. Nếu không có phần tử nào đáp ứng tiêu chí, nó sẽ trả về một mảng trống

Thí dụ
Đầu tiên, tạo một mảng các số ngẫu nhiên có tên là “mảng”

var = [2, 4, 6, 4, 17, 2, 6, 17, 4, 16, 8, 2, 4, 8];

Trong bước tiếp theo, hãy làm theo các dòng mã này

function elementCount ( arr , element){
  return mảng. bộ lọc(( currentElement ) . => currentElement == element).độ dài;
};

Trong đoạn mã trên

  • Đầu tiên, xác định hàm “elementCount()” nhận hai tham số, một mảng và phần tử được tìm kiếm
  • Sau đó gọi phương thức “filter()” với thuộc tính “length” sẽ lọc mảng và đếm số lần xuất hiện của phần tử được tìm kiếm

Gọi hàm “elementCount()” bằng cách chuyển “mảng” làm đối số đầu tiên và “6” là đối số thứ hai là phần tử được tìm kiếm trong một mảng

bảng điều khiển. log( elementCount ( array , 6));

đầu ra

Làm cách nào để đếm số trong mảng JavaScript?

Đầu ra chỉ ra rằng sự xuất hiện của phần tử “6” trong một mảng là “2”

Phương pháp 2. Đếm số lần xuất hiện của phần tử mảng bằng cách sử dụng phương thức reduce()

Phương thức “reduce()” là một phương thức hữu ích có thể được sử dụng để tính toán hiệu quả số lần xuất hiện của một phần tử cụ thể trong một mảng

cú pháp
Thực hiện theo cú pháp được cung cấp cho phương thức reduce()

reduce ( currentValue , arr )

Trong cú pháp trên

  • “currentValue” là giá trị của phần tử hiện tại
  • “Arr” là mảng mà phần tử hiện tại thuộc về

Thí dụ
Xác định hàm “elementCount()” nhận hai tham số, một mảng và phần tử được tìm kiếm, sau đó gọi phương thức “reduce()” sẽ đếm số lần xuất hiện của phần tử được tìm kiếm

function elementCount ( arr , element){
  return mảng. giảm(( currentElement , arrElement) =>
  ( arrElement == phần tử ? currentElement + 1 : currentElement ), 0);
};

Gọi hàm “elementCount()” trong “console. log ()” bằng cách chuyển “mảng” làm đối số đầu tiên và “2” làm đối số thứ hai là phần tử được tìm kiếm trong một mảng

bảng điều khiển. log( elementCount ( array , 2));

đầu ra

Làm cách nào để đếm số trong mảng JavaScript?

Đầu ra chỉ ra rằng sự xuất hiện của phần tử “3” trong một mảng là “3”

Phương pháp 3. Đếm số lần xuất hiện phần tử mảng bằng for Loop

Có một phương pháp khác để đếm số lần xuất hiện phần tử mảng là vòng lặp “for”. Đây là một trong những phương pháp phổ biến nhất để lặp qua một mảng

cú pháp
Sử dụng cú pháp sau cho vòng lặp “for”

for(var i = 0; i < array.độ dài; tôi ++) {
// các câu lệnh
}

Thí dụ
Sử dụng cùng một mảng được tạo trong ví dụ trước, bây giờ hãy tạo một mảng trống có tên là “elementCount”

const elementCount = {};

Trong bước tiếp theo, lặp lại mảng theo chiều dài và đếm số lần xuất hiện của mọi phần tử bằng cách sử dụng vòng lặp “for”

for (var i = 0; i < array.độ dài; tôi ++) {
  var phần tử = mảng [i];
  if ( elementCount [element]) {
  elementCount [ element ] += 1;
  } khác {
  elementCount [ element ] = 1;
  }
}

In số lần xuất hiện của tất cả các phần tử trên bảng điều khiển bằng cách sử dụng “bảng điều khiển. phương thức log()”

bảng điều khiển. log( elementCount );

đầu ra

Làm cách nào để đếm số trong mảng JavaScript?

Đầu ra ở trên cho thấy số lần xuất hiện của mọi phần tử của một mảng

Để đếm số lần xuất hiện của phần tử cụ thể, hãy làm theo dòng mã bên dưới

bảng điều khiển. log( elementCount [6]);

Đầu ra hiển thị “2” là tổng số lần xuất hiện của phần tử “6” trong một mảng

Làm cách nào để đếm số trong mảng JavaScript?

Đếm số lần xuất hiện phần tử mảng bằng vòng lặp for–of

Vòng lặp “for-of” là dạng nâng cao của vòng lặp “for”. Nó dễ dàng hơn một chút và nó lặp lại các giá trị của một đối tượng có thể lặp lại. Nó cũng được sử dụng để đếm tổng số lần xuất hiện của mọi phần tử trong một mảng và một phần tử được chỉ định

cú pháp
Thực hiện theo cú pháp bên dưới cho vòng lặp “for-of”

for (var phần tử của mảng ) {
// các câu lệnh
}

Thí dụ
Sử dụng cùng một mảng được tạo trong ví dụ trước, bây giờ hãy khai báo một mảng trống có tên là “elementCount”

const elementCount = {};

Bây giờ, hãy sử dụng vòng lặp “for-of” để lặp lại mảng và đếm số lần xuất hiện của mọi phần tử

for (var phần tử của mảng ) {
  if ( elementCount [element]) {
  elementCount [ element ] += 1;
  } khác {
  elementCount [ element ] = 1;
  }
}

In số lần xuất hiện của từng phần tử trong một mảng trên bảng điều khiển bằng cách sử dụng “bảng điều khiển. phương thức log()”

bảng điều khiển. log( elementCount );

Đầu ra hiển thị số lần xuất hiện của mọi phần tử của một mảng

Làm cách nào để đếm số trong mảng JavaScript?

Để đếm số lần xuất hiện của phần tử cụ thể, hãy tạo một biến “countElement” và lưu trữ “8” trong đó

var countElement = 8;

Đặt số đếm thành 0

var elementCount = 0;

Lặp lại mảng bằng cách sử dụng vòng lặp for-of và tăng số đếm nếu có “countElement”

for ( mảng của mảng ) {
  if ( arr == countElement) {
  elementCount ++;
  }
};

In kết quả đếm trên bảng điều khiển bằng cách sử dụng “bảng điều khiển. phương thức log()”

bảng điều khiển. log( elementCount );

đầu ra

Làm cách nào để đếm số trong mảng JavaScript?

Chúng tôi đã biên soạn các phương thức để đếm số lần xuất hiện của phần tử trong một mảng trong JavaScript

Phần kết luận

Để đếm số lần xuất hiện của phần tử trong một mảng, hãy sử dụng phương thức “filter()” với thuộc tính “length”, phương thức “reduce()”, vòng lặp “for” hoặc vòng lặp “for-of”. Các phương thức filter() và reduce() được sử dụng để đếm số lần xuất hiện của phần tử cụ thể, trong khi vòng lặp for và vòng lặp for-of được sử dụng cho cả hai, đếm tất cả các lần xuất hiện của phần tử trong một mảng và số lần xuất hiện của phần tử cụ thể . Bài viết này trình bày các phương pháp đếm số lần xuất hiện phần tử của mảng trong JavaScript

Làm cách nào để đếm số trong một mảng JavaScript?

Thông thường, để tìm độ dài của mảng, chúng ta có thể sử dụng mảng . phương thức length() và nó trả về tổng số phần tử mà mảng bao gồm.

Làm cách nào để đếm số trong JavaScript?

Các ví dụ khác .
bảng điều khiển cuộc gọi. đếm() hai lần. bảng điều khiển. đếm(); . đếm();
bảng điều khiển cuộc gọi. đếm hai lần, với một nhãn. bảng điều khiển. đếm("MyLabel"); . đếm("MyLabel");
Để xóa nhãn, hãy sử dụng "" làm tham số. bảng điều khiển. đếm(""); . đếm("");