Menghitung jumlah array javascript

pengantar

Array digunakan untuk menyimpan kumpulan nilai yang terurut. Nilai-nilai ini dapat berupa kombinasi dari tipe data yang sama atau banyak tipe data – integer, float, string, boolean, objek, dan banyak lagi.

Mendapatkan jumlah elemen dalam array dengan JavaScript adalah operasi umum saat menggunakan data atau bekerja dengan API di JavaScript. Hal ini dapat dicapai baik dengan memanfaatkan length properti atau iterasi melalui array dan menghitung elemen.

Pada artikel ini, kita akan mempelajari cara mendapatkan jumlah elemen dalam array dengan JavaScript dan banyak lagi – cara menghitung elemen unik dan cara menghitung elemen array berdasarkan kondisi tertentu.

Menggunakan Built-in panjangnya Milik

Cara standar untuk mendapatkan jumlah total elemen dalam array adalah dengan menggunakan built-in length milik:

let myArray = [99, 101.5, "John Doe", true, { age: 44 }];
let total = myArray.length;
console.log(total); 


let total = [99, 101.5, "John Doe", true, { age: 44 }].length;
console.log(total); 

Catatan: length mengacu pada nilai cache dari panjang array, dihitung ketika array sedang dibuat. Oleh karena itu, kamu tidak ulangi array dengan memanggil length eksplisit, maupun implisit. Ini memastikan bahwa length skala hingga tingkat arbitrer dan tidak memengaruhi kinerja aplikasi Anda, seperti dampak yang Anda rasakan saat mengulang secara manual.

Menggunakan Loop dalam JavaScript

Loop JavaScript juga dapat digunakan untuk menghitung panjang larik dengan melakukan iterasi melalui larik dan menambah variabel penghitung satu per satu untuk setiap elemen dalam larik. Ini sebagian besar digunakan ketika Anda ingin melakukan operasi tertentu pada elemen itu sendiri atau pada elemen tertentu karena kami mengulangi semua elemen dalam array.

Catatan: Pendekatan ini lebih sulit dibandingkan dengan yang dijelaskan sebelumnya length properti, meskipun, itu cukup sederhana dalam dirinya sendiri. Perlu dicatat bahwa array yang lebih panjang membutuhkan waktu lebih lama untuk beralih, sementara length mengembalikan nilai yang di-cache dengan waktu pencarian yang konstan.

untuk Lingkaran

let myArray = [99, 101.5, "John Doe", true, { age: 44 }];


let total = 0;

for (let i = 0; i < myArray.length; i++) {
    total++;
}

console.log(total); 

untuk ... di Lingkaran

let myArray = [99, 101.5, "John Doe", true, { age: 44 }];

let total = 0;
for (i in myArray) {
    total++;
}

console.log(total); 

Dapatkan Jumlah Elemen Unik dalam Array

Array dalam JavaScript dapat memiliki beberapa elemen dari tipe data yang berbeda dan elemen ini dapat mencakup beberapa duplikat. Jika kita ingin mendapatkan jumlah elemen unik, kita dapat menggunakan Set()konstruktor.

Itu menciptakan set keluar dari array dilewatkan sebagai argumennya. Oleh karena itu, ini membantu kami menghapus duplikat dan hanya mengembalikan elemen unik (set adalah kumpulan elemen unik). Saat duplikat dihapus, kita dapat menggunakan length properti untuk mendapatkan jumlah elemen unik.

Misalnya, kita memiliki array nama yang memiliki total 7 elemen, di antaranya 6 unik. Kita bisa mendapatkan elemen unik terlebih dahulu dan kemudian menggunakan length properti untuk mendapatkan panjang:

let names = ["John", "Dan", "Jane", "Sam", "Alisa", "John", "Pete"];
let uniqueNames = [...new Set(names)];
let totalPeople = uniqueNames.length;

console.log(totalPeople); 

Catatan: Ini juga dapat bekerja dengan loop. Setelah kita mendapatkan elemen unik yang disimpan dalam array baru, yang harus kita lakukan adalah mengulangnya dan menghitung elemen seperti yang telah kita lakukan sebelumnya.

Bagaimana Jika Array Berisi Array Lain sebagai Elemen?

Seperti yang telah kami nyatakan sebelumnya, array dalam JavaScript dapat berisi elemen dari banyak tipe data – termasuk sebuah Array tipe data. Ini mungkin sedikit membingungkan pada awalnya, tetapi ketika Anda memahami caranya length properti menghitung itu subarray, Anda akan dapat menangani situasi ini tanpa masalah.

Metode pertama yang mungkin terlintas dalam pikiran adalah dengan menggunakan length milik:

let myArray = [["John", "Pete"], [90, 2], [], [34, 45, 2], [9,4], "John Doe", true, [19]];
let total = myArray.length;

console.log(total); 

Perhatikan bagaimana length properti memperlakukan setiap subarray sebagai satu elemen. Itu tidak mempertimbangkan isi subarray – tidak peduli apakah itu kosong atau memiliki banyak elemen, itu dihitung sebagai satu elemen dari array asli (dalam hal ini, myArray).

Dapatkan Jumlah Elemen dalam Array yang Mengandung Array Lain

Sekarang mari kita belajar cara menghitung jumlah semua elemen dalam array - termasuk elemen-elemen itu di dalam elemen subarray. Kita dapat menggunakan beberapa pendekatan, seperti a for lingkaran atau a for...in, Dll

Pertama-tama kita akan menginisialisasi totalLength ke 0, lalu buat fungsi (myLength()) yang akan digunakan untuk mengulang array dan menghitung jumlah elemennya. Pertama-tama, kita perlu mengulang array asli dan mempertimbangkan setiap elemennya. Jika elemennya bukan array, kami hanya akan menambah totalLength oleh 1. Di sisi lain, jika elemen saat ini adalah array (subbarray dari array asli), kami akan memanggilnya secara rekursif myLength metode untuk menghitung jumlah elemennya:

let myArray = [["John", "Pete"], [90, 2], [], [34, 45, 2], [9,4], "John Doe", true, [19]];

let totalLength = 0;
const myLength = (array) => {
    
    for (let i in array) {
        
        
		
        
        if (Array.isArray(array[i])) {
            myLength(array[i]);
        } else {
            totalLength++;
        }
    }
};

myLength(myArray);
console.log(totalLength); 

Lihat panduan praktis dan praktis kami untuk mempelajari Git, dengan praktik terbaik, standar yang diterima industri, dan termasuk lembar contekan. Hentikan perintah Googling Git dan sebenarnya belajar itu!

Atau, Anda cukup menghubungi flat() metode aktif myArray, yang meratakannya dengan menggabungkan semua elemen secara rekursif ke dalam larik 1D, lalu memanggil length pada larik baru:

console.log(myArray.flat().length) 

Hitung Berdasarkan Kondisi

Seperti yang telah kami sebutkan sebelumnya, kami juga dapat menghitung jumlah elemen dalam array berdasarkan kondisi tertentu. Misalnya, kita memiliki array siswa yang terdiri dari objek, setiap objek berisi nama dan skor siswa:

const students = [
    { name: "John Doe", score: 70 },
    { name: "Jane Doe", score: 40 },
    { name: "Sarah Jane", score: 33 },
    { name: "John Tough", score: 84 },
    { name: "Jabes Tough", score: 64 }
];

Kita dapat menghitung jumlah siswa yang mendapat nilai di atas 60, dengan mengulang setiap elemen dan menghitung yang lulus kondisi yang telah ditentukan:

let total = 0;

students.forEach((student) => {
    if (student.score >= 60) {
        total++;
    }
});

console.log(total); 

Ini juga akan berfungsi untuk metode iterasi lain seperti for lingkaran:

let total = 0;

for (let i = 0; i < students.length; i++) {
    if (students[i].score >= 60) {
        total++;
    }
}

console.log(total); 

Kesimpulan

Dalam artikel ini, kita belajar bagaimana mendapatkan jumlah elemen dalam sebuah array dan kita melihat berbagai skenario yang dapat menjamin kita mendapatkan panjang sebuah array dan bagaimana kita bisa mencapainya masing-masing.