Bagaimana cara menghitung jumlah elemen dalam javascript?

Untuk menghitung elemen tertentu dalam array di JavaScript, gunakan metode “filter()”, metode “reduce()”, atau loop “for” tradisional. metode filter() memfilter elemen yang cocok dengan elemen yang ditentukan, sedangkan metode pengurangan() atau for loop memberikan jumlah kemunculan elemen tertentu. Blog ini mendemonstrasikan metode untuk menghitung elemen tertentu dalam array di JavaScript

Dalam tutorial ini, kita akan belajar menghitung objek array JavaScript. Array adalah struktur data yang berisi string, angka, objek, dll. , dalam JavaScript. Objek adalah satu jenis entitas yang berisi properti dan metode yang terkait dengannya. Kita dapat mengakses properti objek dan memanggil metode objek menggunakan referensi objek

Umumnya, Untuk mencari panjang array, kita bisa menggunakan array. length() metode dan mengembalikan jumlah total elemen yang termasuk dalam array. Tetapi bagaimana jika kita hanya perlu menghitung elemen objek?

Di sini, tutorial ini memiliki berbagai pendekatan untuk menghitung jumlah total elemen objek dalam larik JavaScript

  • Menggunakan for Loop dan instanceof Operator

  • Menggunakan larik. filter() Metode

Menggunakan for Loop dan instanceof Operator

Dalam pendekatan ini, kita akan menggunakan perulangan for untuk menghitung jumlah total objek dalam larik. Pengguna dapat mengulangi setiap elemen array dan memeriksa jenis setiap elemen menggunakan operator instanceof. Mereka dapat menginisialisasi variabel panjang dengan 0 untuk menyimpan sejumlah objek. Saat melakukan iterasi melalui elemen array, jika mereka menemukan entitas objek bertipe apa pun, mereka dapat menambah panjangnya sebanyak 1

Sintaksis

Pengguna dapat menggunakan sintaks di bawah ini untuk menggunakan operator for loop dan instanceof untuk menghitung objek array

let objectsLen = 0;
for (let i = 0; i < myArr.length; i++) {

   // if entity is object, increase objectsLen by 1, which is the stores the total number of objects in array.
   if (myArr[i] instanceof Object) {
      objectsLen++;
   }
}

Algoritma

  • LANGKAH 1 - Buat variabel bernama objekLen dan diinisialisasi dengan 0

  • LANGKAH 2 - Buat array dan tambahkan beberapa objek dengan elemen lain

  • LANGKAH 3 - Untuk menghitung jumlah objek dalam array, kami mengulang melalui array menggunakan for loop dan memeriksa jenis elemen menggunakan operator instanceof

  • LANGKAH 4 - Jika kami menemukan entitas bertipe objek, kami akan menambahkan 1 ke variabel objekLen

  • LANGKAH 5 - Akhirnya, kami akan mencetak variabel objekLen, yang merupakan jumlah total objek

Contoh

Dalam contoh di bawah ini, hitung jumlah total objek dalam larik. Kami menggunakan for loop untuk mengulang melalui array dan menerapkan operator instanceof untuk memeriksa jenis elemen array

   
   
   
      

Count JavaScript array objects.

Counting total number of array objects in array using the for loop.

_

Menggunakan larik. filter() Metode

Dalam JavaScript, larik. metode filter() digunakan untuk memfilter elemen-elemen array. Pengguna dapat menambahkan fungsi panggilan balik ke metode dan menambahkan beberapa kondisi pemfilteran dalam fungsi panggilan balik. Kondisi pemfilteran untuk memfilter semua objek adalah dengan memeriksa jenis elemen dalam kasus kita. Pengguna dapat memeriksa jenis objek menggunakan operator typeof dan mengembalikan true dari fungsi callback jika entitas adalah jenis objek. Jika tidak, kembalikan salah

Array. metode filter() mengembalikan array dari semua nilai yang difilter. Jadi, kita akan mendapatkan array dari semua objek, dan kita bisa mengukur panjangnya menggunakan. panjang() metode

Sintaksis

Pengguna dapat mengikuti sintaks di bawah ini untuk array. filter() metode untuk menghitung jumlah objek

// filter all entity which type is object
let allObject = array.filter((val) => {

   // checking the type of elements using the typeof operator.
   if ( typeofval == 'object' ) {
      return true;
   } else {
		return false;
   }
});
LettotalObjects = allObject.length;

Parameter

  • array − Ini adalah array elemen yang berisi entitas objek dengan elemen lain

  • val − Ini adalah elemen array yang pengguna ingin memeriksa jenis dan memfilternya jika entitas adalah objek

Contoh

Pada contoh di bawah ini, kami telah menggunakan array. filter() metode untuk memfilter semua objek dari array yang diberikan. Terakhir, kami telah menghitung panjang larik objek, yang dikembalikan oleh larik. filter() metode

   
   

Count JavaScript array objects.

Counting total number of array objects in array using the arrays.filter() method.

Pengguna telah belajar menghitung entitas objek dalam larik JavaScript. Pendekatan pertama dan pendekatan kedua memiliki kompleksitas waktu yang sama. Ketika kita melihat kompleksitas ruang dari kedua pendekatan, pendekatan pertama memiliki kompleksitas ruang yang lebih rendah dan dioptimalkan dengan cara yang lebih baik

Bagaimana cara menghitung elemen dalam array JavaScript?

prototipe, { hitung. { nilai. function(query) { /* Menghitung jumlah kemunculan query dalam array, sebuah integer >= 0 Menggunakan javascript == konsep kesetaraan. */ jumlah var = 0; . panjang;

Bagaimana cara menghitung jumlah elemen di dalam?

Untuk menghitung jumlah elemen string, metode len() dapat digunakan.

Bagaimana cara menghitung item daftar dalam JavaScript?

Lihat kode JavaScript, Dalam kode ini fungsi yang ditentukan pengguna countListItems() akan menghitung jumlah total tag li atau item daftar . Metode getElementsByTagName() digunakan untuk memilih semua tag li. panjang properti akan mengembalikan jumlah total.

Bagaimana cara menghitung jumlah elemen dalam div?

Untuk menghitung semua elemen di dalam elemen div, kita menggunakan metode find() dan properti length . Metode find() digunakan untuk menemukan semua elemen turunan dari elemen yang dipilih. Itu akan melintasi sampai ke daun terakhir dari elemen yang dipilih di pohon DOM.