Array adalah elemen yang dapat digunakan untuk menyimpan berbagai macam data pada sebuah variabel. Array dapat digunakan menyimpan berbagai jenis tipe data, termasuk integer (bilangan bulat), string (huruf/kata), dan bahkan sebuah array atau sebuah variabel. Show
Cara membuat Array di javascript tidak jauh beda dengan membuat cara membuat variabel biasa. Membuat Variabel ArrayVariabel x dideklarasikan menjadi sebuah variable array pada javascript dimana belum berisi apa-apa atau kosong. Variabel array dikenali oleh program dengan sepasang kurung sikunya "[ ]". Anggota dari Array ditempatkan di dalam kurung tersebut. Integer atau jenis bilangan yang lain dapat ditulis langsung. Jika bilangan yang anda miliki ber-tipe data String maka anda bisa menuliskan dalam dua tanda kutip misalnya "12". String dituliskan didalam dua tanda kutip, tidak terbatas pada tanda kutip dua ". Variabel juga dapat dituliskan langsung. Jadi, perbedaan string dan variabel adalah string ditulis diantara dua tanda kutip. Sebelum anda menuliskan nama variabel pada Array anda, pastikan variabel tersebut sudah dideklarasikan dan program sudah mengenali sebelumnya. Jika tidak, maka anda akan memperoleh hasil ERROR. Setiap data pada Array dipisahkan oleh tanda koma "," Untuk mengakses anggota dari Array, anda harus mengetahui index dari data yang anda akses. Index array dimulai dengan "0" yaitu data yang paling kiri/pertama. Satu DimensiDari baris program diatas, variabel y akan berisi nilai dari array x index ke-1 yaitu 3. Index ke-0 adalah 2, dan index ke-1 adalah 3. Nilai dari variabel z adalah nilai dari array x index ke-4 yaitu 5. Index terakhir adalah 4, jadi jika anda mencoba mengakses index ke 5, maka anda akan memperoleh hasil ERROR. Multi DimensiDari program diatas, variabel y akan berisi nilai 12, dimana merupakan data dari index ke-1 dari index ke-0 dari array x. Variabel z berisi array secara keseluruhan yang merupakan index ke-1 dari array x. Original article: JavaScript Array of Objects Tutorial – How to Create, Update, and Loop Through Objects Using JS Array Methods by {{ author }} Rata-rata saya bekerja dengan data JSON 18 kali seminggu. Dan saya masih harus menggunakan google untuk menemukan cara untuk memanipulasinya hampir setiap saat. Bagaimana jika ada panduan yang selalu bisa memberi Anda jawabannya? Pada artikel ini, saya akan menunjukkan kepada Anda hal dasar ketika bekerja dengan array yang terdiri dari object pada JavaScript. Jika Anda pernah bekerja dengan struktur JSON, sebenarnya Anda telah bekerja dengan object JavaScript. JSON adalah singkatan dari JavaScript Object Notation. Membuat object sesederhana ini:
Object ini merepresentasikan sebuah mobil. Terdapat banyak jenis dan warna mobil, setiap object mewakili mobil tertentu. Sekarang, kebanyakan data yang Anda peroleh dari layanan eksternal seperti ini. Namun terkadang Anda perlu membuat object dan array secara manual. Seperti yang saya lakukan saat membuat e-shop ini: Ingat setiap item daftar kategori akan terlihat seperti ini di HTML: Saya tidak ingin kode ini terulang 12 kali, dimana akan membuat kode tidak dapat dimaintain. Membuat sebuah array dari objectTapi mari kita kembali ke mobil. Mari kita lihat kumpulan mobil ini: Kita dapat merepresentasikannya sebagai array dengan cara ini:
Array dari object tidak akan sama sepanjang waktu. Kita hampir selalu harus melakukan manipulasi array. Jadi mari kita lihat bagaimana kita bisa menambahkan object ke array yang sudah ada. Menambahkan object baru di awal - Array.unshiftUntuk menambahkan object di posisi pertama, gunakan 4.
Menambahkan object baru di akhir - Array.pushUntuk menambahkan object di posisi terakhir, gunakan 5.
Menambahkan object baru di tengah - Array.spliceUntuk menambahkan object di tengah, gunakan 6. Fungsi ini sangat berguna karena bisa juga untuk menghapus item. Perhatikan parameternya:
Jadi jika kita ingin menambahkan Volkswagen Cabrio merah di posisi kelima, kita akan menggunakan:
Looping pada array objectIzinkan saya bertanya pada Anda di sini: Mengapa Anda ingin mengiterasi array dari object? Alasan saya bertanya karena perulangan hampir tidak pernah menjadi penyebab utama dari apa yang ingin kita capai. JavaScript menyediakan banyak fungsi yang dapat menyelesaikan masalah Anda tanpa mengimplementasikan logika pada siklus yang umum. Mari kita lihat. Temukan object dalam array berdasarkan valuenya - Array.findAnggaplah kita ingin mencari mobil berwarna merah. Kita dapat menggunakan fungsi 7.
Fungsi ini mengembalikan elemen pertama yang sesuai:
Anda juga dapat mencari menggunakan beberapa value: 8Pada kasus ini kita akan mendapatkan mobil terakhir dalam daftar. Mendapatkan beberapa item dari array yang sesuai dengan kondisi - Array.filterFungsi 7 hanya mengembalikan satu object. Apabila kita ingin mendapatkan semua mobil yang berwarna merah, kita perlu menggunakan 0.
Mengubah object pada array - Array.mapIni adalah sesuatu yang kita sering butuhkan. Mengubah array object menjadi array object yang berbeda. Itu merupakan pekerjaan untuk 1. Anggaplah kita ingin mengklasifikasikan mobil kita menjadi tiga kelompok berdasarkan ukurannya.
Mungkin juga untuk membuat object baru jika kita membutuhkan lebih banyak value: 0Menambahkan properti pada tiap object dalam array - Array.forEachTapi bagaimana jika kita menginginkan ukuran mobil juga? Dalam hal ini kita dapat meningkatkan object untuk properti baru 2. Ini adalah use-case yang baik untuk menggunakan fungsi 3. 1Mengurutkan array berdasarkan properti - Array.sortKetika kita selesai mengubah object, biasanya kita perlu mengurutkannya dengan satu atau lain cara. Biasanya, pengurutan berdasarkan pada value properti yang dimiliki setiap object. Kita dapat menggunakan fungsi 4, tetapi kita perlu menyediakan fungsi yang akan menentukan mekanisme pengurutan.Katakanlah kita ingin mengurutkan mobil berdasarkan kapasitasnya dalam urutan menurun. 2 4 membandingkan dua object dan menempatkan object pertama di tempat kedua jika hasil dari fungsi sorting adalah positif. Jadi Anda dapat menganggap fungsi sorting seperti pertanyaan: Haruskah object pertama ditempatkan di tempat kedua?Pastikan untuk selalu menambahkan case nol ketika nilai yang dibandingkan dari kedua object sama untuk menghindari penukaran yang tidak perlu. Memeriksa apakah object dalam array memenuhi kondisi - Array.every, Array.includes 6 dan 7 berguna ketika kita hanya perlu memeriksa setiap object untuk kondisi tertentu.Apakah kita memiliki cabrio merah dalam daftar mobil? Apakah semua mobil mampu mengangkut setidaknya 4 orang? Atau lebih web-centric: Apakah ada produk tertentu di keranjang belanja? 3Anda mungkin mengingat fungsi 8 yang mirip dengan 7, tetapi hanya berfungsi untuk tipe primitif.RingkasanDalam artikel ini, kita telah membahas fungsi-fungsi dasar yang membantu Anda membuat, memanipulasi, mengubah, dan loop melalui array object. Fungsi-fungsi ini seharusnya mencakup sebagian besar kasus yang akan Anda temui. ADVERTISEMENT ADVERTISEMENT ADVERTISEMENT ADVERTISEMENT ADVERTISEMENT ADVERTISEMENT ADVERTISEMENT Jamstack dev, YouTube video maker & streamer, dev evangelist @Kontent, 3D printing enthusiast, bad AoE2 player, German Shepherd lover Read more posts. If you read this far, tweet to the author to show them you care. Tweet a thanks Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Get started Bagaimana cara menggunakan array dalam java script?Ada 2 cara penulisan array pada JavaScript, yaitu menggunakan kurung siku [ ] dan menggunakan keyword new Array(). Perintah new ini akan membuat 'objek' array. Berikut contoh penulisan Array : var angka = [];
Method apa yang dapat kita gunakan untuk memilah elemen array berdasarkan kondisi tertentu dan akan membuat sebuah array baru?filter()
Metode ini berfungsi untuk membuat sebuah array baru dengan memperhatikan kondisi tertentu pada setiap elemen dari array yang sudah ada.
Bagaimana cara mengosongkan nilai data pada array?Mengosongkan array adalah salah satu konsep penting yang terlibat jadi berikut adalah beberapa metode yang dapat digunakan.. Menggunakan property .length. Fungsi properti . ... . Atur Ulang dengan nilai Array kosong. Ini adalah cara tercepat untuk mengosongkan Array. ... . Menggunakan fungsi Array splice(). Apa itu tipe data javascript?Tipe data adalah jenis-jenis data yang bisa kita simpan di dalam variabel. Ada beberapa tipe data dalam pemrograman Javascript: String (teks) Integer atau Number (bilangan bulat)
|