Cara menggunakan menghitung jumlah array javascript

Array dalam sebuah program bisa kita hitung dengan fungsi yang sudah tersedia , bayangkan kalau kita mempunyai 1000 data array yang harus kita hitung , nah pada penjelasan ini akan otomatis di hitung jumlah array oleh sebuah fungsi yang dinamakan length , fungsi length untuk menghitung jumlah data array , bagaimana cara penerapan pada sebuah programnya ? oke coba ikuti langkah langkah di bawah ini :

Coba teman-teman ketik contoh baris program di bawah ini :

Untuk yang saya beri kotak hijau yaitu fungsi untuk mencetak data nya , dan untuk yang berwarna merah yaitu untuk fungsi menghitung jumlah array , coba jalankan di browser masing masing dan hasil nya akan seperti di bawah ini :

var herbivora = new Array('kambing', 'sapi'); var karnivora = new Array('harimau', 'serigala'); var omnivora = new Array('ayam', 'monyet'); var binatang = new Array(herbivora, karnivora, omnivora); console.log('Jumlah isi Array `binatang`: '); console.log(binatang.length); console.log(binatang[0].length + binatang[1].length + binatang[2].length);

Pada panduan aku akan menjelaskan cara menghitung jumlah item pada suatu array JavaScript dan beberapa contoh penggunaannya yang dapat kalian implementasikan pada kodingan kalian.

Cara Menghitung Jumlah Item pada Array JavaScript

Untuk menghitung jumlah item pada suatu array JavaScript, kalian dapat menghitungnya dengan mengakses property length, seperti pada contoh potongan kode berikut ini:

const prime = [1, 2, 3, 5, 7];

console.log(prime.length);
// hasilnya bakalan: 5

Contoh Penggunaan Property Length JavaScript

Beberapa contoh ini adalah penggunaan properti length yang dapat kalian implementasikan pada kodingan kalian.

Perulangan pada Array JavaScript

Contoh potongan kode sederhana ini untuk menambahkan nilai dua pada setiap item array JavaScript menggunakan perulangan (for).

const numbers = [1, 2, 3, 4, 5];
const length = numbers.length;

for (let i = 0; i < length; i++) {
  numbers[i] += 2;
}

// variabel numbers menjadi [3, 4, 5, 6, 7]

Mengurangi Jumlah Item pada Array JavaScript

Untuk mengurangi atau memangkas jumlah item pada suatu array JavaScript dapat dilakukan dengan mengubah nilai properti length.

Potongan kode berikut ini untuk memangkas array menjadi berjumlah tiga item saja.

const numbers = [1, 2, 3, 4, 5];

numbers.length = 3;
// variabel numbers menjadi [1, 2, 3]

Jika kalian mengubah nilai properti length menjadi nol, ia akan menjadi array yang tidak memiliki item atau bisa disebut juga array kosong.

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

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);

0 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

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);

0 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:

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);

0 mengacu pada nilai cache dari panjang array, dihitung ketika array sedang dibuat. Oleh karena itu, kamu tidak ulangi array dengan memanggil

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);

0 eksplisit, maupun implisit. Ini memastikan bahwa

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);

0 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

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);

0 properti, meskipun, itu cukup sederhana dalam dirinya sendiri. Perlu dicatat bahwa array yang lebih panjang membutuhkan waktu lebih lama untuk beralih, sementara

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);

0 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

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);

7konstruktor.

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

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);

0 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

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);

0 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

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

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

console.log(total);

0 tipe data. Ini mungkin sedikit membingungkan pada awalnya, tetapi ketika Anda memahami caranya

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);

0 properti menghitung itu subarray, Anda akan dapat menangani situasi ini tanpa masalah.

Metode pertama yang mungkin terlintas dalam pikiran adalah dengan menggunakan

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);

0 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

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);

0 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,

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

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

console.log(total);

4).

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

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

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

console.log(total);

5 lingkaran atau a

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

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

console.log(total);

6, Dll

Pertama-tama kita akan menginisialisasi

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

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

console.log(total);

7 ke 0, lalu buat fungsi (

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

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

console.log(total);

8) 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

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

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

console.log(total);

7 oleh 1. Di sisi lain, jika elemen saat ini adalah array (subbarray dari array asli), kami akan memanggilnya secara rekursif

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

console.log(totalPeople);

0 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!

Unduh eBuku  

Atau, Anda cukup menghubungi

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

console.log(totalPeople);

1 metode aktif

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

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

console.log(total);

4, yang meratakannya dengan menggabungkan semua elemen secara rekursif ke dalam larik 1D, lalu memanggil

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);

0 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

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

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

console.log(total);

5 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.

Terakhir Diperbarui: 4 Mei 2022

Apakah artikel ini berguna?

Anda mungkin juga menyukai…

Dapatkan tutorial, panduan, dan pekerjaan pengembang di kotak masuk Anda.

Bangun fondasi yang Anda perlukan untuk menyediakan, menerapkan, dan menjalankan aplikasi Node.js di cloud AWS. Pelajari Lambda, EC2, S3, SQS, dan banyak lagi!