3 Hal yang Tidak Anda Ketahui Tentang Array JavaScript

Array adalah fitur yang banyak digunakan dari bahasa pemrograman; mereka variabel khusus yang dapat digunakan untuk menyimpan beberapa nilai sekaligus. Namun ketika datang ke JavaScript, semudah belajar, selalu ada lebih banyak untuk dijelajahi.

Dalam posting ini, kita akan melihat tiga fitur array JavaScript yang kurang terkenal namun penting yang mungkin belum Anda ketahui sebelumnya.

1. Tambahkan Properti Kustom ke Array

Jika Anda menjelajahi Internet mencari definisi menyeluruh dari array JavaScript, Anda akan menemukan bahwa hampir setiap sumber tanpa gagal akan menampilkan array seperti apa sangat aku s, Sebuah Objek.

Bahkan, hampir semua yang kita tangani dalam JavaScript akan melakukannya berubah menjadi objek. Ada dua jenis tipe data dalam JavaScript, primitif dan benda, tapi primitif selalu terbungkus dalam benda.

Array, Fungsi, Tanggal, dll objek JavaScript yang telah ditentukan sebelumnya yang memiliki metode, properti, dan sintaks standar sendiri.

Array JavaScript dapat memiliki tiga jenis properti:

Indeks array juga properti
Properti bawaan
Properti khusus Anda bisa menambahkan sendiri

Dua yang pertama lebih terkenal, Anda dapat menggunakannya setiap hari, tetapi mari kita lihat dengan cepat sebelum beralih ke bagaimana Anda dapat menambahkan properti kustom Anda sendiri ke array.

Indeks sebagai Properti

Array JavaScript menggunakan sintaks braket persegi, seperti var ary = ["orange", "apple", "lychee"];.

Indeks elemen array pada dasarnya properti Dimana nama properti adalah selalu bilangan bulat non-negatif.

Itu pasangan indeks-elemen dari array mirip dengan pasangan kunci-nilai dari suatu objek.

Indeks adalah fitur unik dari objek Array, dan tidak seperti properti bawaan lainnya, mereka bisa atur dengan sintaks kurung saja, seperti ary [3] = "persik";.

Properti bawaan

Array juga punya properti bawaan, seperti panjang array. Itu panjangnya properti membawa nilai integer itu menunjukkan panjang array.

Secara umum, properti bawaan dapat sering ditemukan di objek JavaScript yang sudah ditentukan sebelumnya seperti array. Seiring dengan metode bawaan, mereka membantu menyesuaikan objek generik sehingga objek tersebut sesuai untuk kebutuhan yang berbeda.

Properti bawaan dapat diakses dengan salah satunya object.key atau objek ["kunci"] sintaksis. Jadi kamu juga bisa menulis ary ["length"] untuk mengakses panjang array.

Buat Properti Kustom untuk Objek Array

Sekarang, mari kita bicarakan menambahkan properti Anda sendiri ke array. Array adalah objek yang telah ditentukan yang menyimpan berbagai jenis nilai pada indeks yang berbeda.

Biasanya tidak perlu menambahkan properti khusus ke array; inilah salah satu alasan mengapa pemula biasanya tidak diajari tentang fitur ini. Bahkan, jika Anda ingin memperlakukan array seperti objek normal dengan menambahkan pasangan nilai kunci, Anda juga bisa gunakan objek normal untuk tujuan Anda. Tapi, ini tidak berarti tidak ada kasus khusus tempat Anda dapat memanfaatkan fakta bahwa array adalah objek, dengan menambahkan satu atau beberapa properti khusus ke dalamnya.

Misalnya, Anda bisa menambahkan properti khusus ke array itu mengidentifikasi "jenis" atau "kelas" dari elemen-elemennya, seperti Anda bisa melihatnya pada contoh di bawah ini.

 var ary = ["orange", "apple", "lychee"]; ary.itemClass = "buah"; console.log (ary + "are" + ary.itemClass); // "jeruk, apel, leci adalah buah-buahan"

Perhatikan bahwa properti khusus yang Anda tambahkan ke array adalah terhitung, yang artinya akan diambil oleh loop seperti untuk ... di pernyataan.

2. Loop melalui Elemen Array

Anda mungkin mengatakan "Saya sudah tahu itu", yang kemungkinan besar benar, Anda sudah tahu cara melewati elemen array. Tetapi juga benar bahwa mengatakan "elemen array melalui" adalah sedikit abstrak, karena apa yang sebenarnya kita loop adalah indeks array.

Karena indeks array hanya terdiri dari bilangan bulat non-negatif, kita iterate nilai integer biasanya dimulai dari nol dan berakhir pada panjang penuh array, kemudian gunakan nilai iterated untuk mengakses elemen array pada indeks yang diberikan.

Namun sejak ECMAScript6, ada cara untuk melakukannya langsung loop melalui nilai-nilai array tanpa repot dengan indeks, dan itu bisa dilakukan dengan menggunakan untuk ... dari lingkaran.

Dalam sebuah array, the untuk ... dari loop akan mengulang elemen array dalam urutan indeks, dengan kata lain itu akan mengurus iterasi atas indeks dan mendapatkan nilai array yang ada pada indeks yang diberikan. Loop ini sangat ideal jika Anda hanya ingin mengulang semua elemen array, dan bekerja dengannya.

 var ary = ["orange", "apple", "lychee"]; untuk (misalkan item ary) console.log (item);  // "oranye", "apel", "leci"

Sebagai perbandingan, dengan yang biasa untuk loop, kami mendapatkan indeks, bukan nilai-nilai sebagai output.

 var ary = ["orange", "apple", "lychee"]; untuk (var item = 0; item < ary.length; item++) console.log(item);  // 0, 1, 2

3. Jumlah Elemen Bukan Panjangnya

Biasanya, ketika kita berbicara tentang panjang array, kami berpikir bahwa itu adalah jumlah nilai yang dimiliki oleh array, atau panjang yang kami berikan ke array secara manual. Namun pada kenyataannya, panjang array bergantung pada indeks terbesar yang ada di dalamnya.

Panjangnya adalah a properti yang sangat fleksibel. Apakah Anda sudah memperbaiki panjang array sebelumnya atau tidak, jika Anda terus menambahkan nilai ke array, panjangnya terus meningkat.

 var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6

Pada contoh di atas, Anda dapat melihat bahwa saya memberikan array hanya satu nilai pada indeks 5, dan panjangnya menjadi 6. Sekarang, jika Anda berpikir bahwa dengan menambahkan nilai pada indeks 5, array tersebut membuat indeks 0 hingga 4 secara otomatis. , kemudian asumsi Anda salah. Sebenarnya ada tidak ada indeks yang ada dari 0 hingga 4 dalam array itu. Anda dapat memeriksa ini menggunakan di operator.

 var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 console.log (0 in ary); // Salah

Array ary adalah apa yang kita sebut a array "jarang", sebuah array tempat indeks tidak dibuat terus menerus, dan memiliki celah. Kebalikan dari array "jarang" adalah array "padat" di mana indeks ada terus menerus dalam array, dan jumlah elemen sama dengan panjangnya.

Itu panjangnya properti juga mampu memotong array, memastikan indeks tertinggi yang ada dalam array selalu kurang dari itu sendiri, sebagai panjangnya secara numerik selalu lebih besar daripada indeks tertinggi secara default.

Pada contoh di bawah ini, Anda dapat melihat bagaimana kami kehilangan elemen pada indeks 5 dengan mengurangi panjangnya dari ary array.

 var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 ary.length = 2; console.log (ary.length); // 2 console.log (ary [5]); // tidak terdefinisi

Bacaan lebih lanjut

10 istilah JavaScript yang harus Anda ketahui sekarang
4 pernyataan Javascript yang tidak terlalu umum tetapi membantu yang harus Anda ketahui
Pengoptimalan kode dengan JS Hint - alat untuk menyisir Javascript