Cara Menemukan Objek dengan ID di Array Objek JavaScript

Cara Menemukan Objek Dengan Id Di Array Objek Javascript



Dalam JavaScript, objek digunakan untuk membuat instance kelas yang dapat menentukan kelas dalam bentuk independen. Namun, jika beberapa objek disimpan dalam sebuah array, sangat sulit untuk menemukan yang dibutuhkan. Untuk mengatasi masalah ini, JavaScript menyediakan berbagai metode untuk menemukan objek tersebut. Misalnya, Anda dapat menemukan objek menggunakan id, nama, nilai kunci, dan lainnya.

Posting ini telah menyatakan metode untuk menemukan id objek dalam array objek JavaScript.

Bagaimana Cara Menemukan Objek berdasarkan ID dalam Array Objek JavaScript?

Ada berbagai metode yang dapat digunakan untuk menemukan objek dalam array JavaScript, seperti “ menemukan() ”, “ Saring ”, “ findIndex() , dan lain-lain.







Untuk implikasi praktis, cobalah metode yang disebutkan satu per satu.



Metode 1: Temukan Objek berdasarkan ID dalam Array Menggunakan Metode JavaScript “find()”.

Untuk menemukan objek dengan ID dalam array menggunakan ' menemukan() ” Metode JavaScript, nyatakan array konstan dengan bantuan “ const ” kata kunci. Kemudian, tambahkan elemen berikut ke dalam array:



const arr = [
{
pengenal : 01 ,
nama : 'JavaScript'
} ,
{
pengenal : 02 ,
nama : 'Jawa'
} ,
{
pengenal : 03 ,
nama : 'HTML/CSS'
} ]

Panggil ' menemukan() ” dengan fungsi panggilan balik di mana id objek setara dengan “ 2 ” dan simpan nilai yang dihasilkan dalam variabel yang dideklarasikan:





const obyek = arr. menemukan ( obj => obj. pengenal === 02 ) ;

Gunakan “ catatan() ” metode dan berikan argumen “ obyek ” untuk mencetak output di konsol.

menghibur. catatan ( obyek )



Metode 2: Temukan Objek berdasarkan ID dalam Array Menggunakan Metode JavaScript “findIndex()”.

Anda juga dapat menemukan objek berdasarkan ID-nya dengan bantuan tombol “ findindex() ' metode. Untuk melakukannya, deklarasikan variabel menggunakan “ membiarkan ” kata kunci dan tambahkan data dalam array:

biarkan hewanObj = [ {
pengenal : '101' ,
nama : 'kucing'
} ,
{
pengenal : '102' ,
nama : 'anjing'
} ,
{
pengenal : '103' ,
nama : 'kelinci'
} ] ;

Deklarasikan konstanta dan berikan nilai sesuai dengan konstanta yang ditentukan:

const pengenal = '103' ;

Sekarang, panggil ' findIndex() ” metode di sepanjang fungsi panggilan balik dan periksa id:

dulu animalIndex = animalObj. findIndex ( satwa => satwa. pengenal === pengenal ) ;

Sekarang, berikan indeks array sebagai argumen ke “ catatan() ” metode untuk menampilkan indeks di layar:

menghibur. catatan ( 'Indeks :' + animalIndex ) ;

Tampilkan array yang dihasilkan di konsol:

menghibur. catatan ( animalObj [ animalIndex ] ) ;

Metode 3: Temukan Objek berdasarkan ID dalam Array Menggunakan Metode JavaScript “filter()”.

Pertama, nyatakan sebuah konstanta dan beri nilai padanya:

const pengenal = '101' ;

Anda juga dapat menggunakan metode filter() untuk menemukan objek. Untuk tujuan itu, simpan elemen dalam array dan panggil ' Saring() ” metode untuk memanggil fungsi panggilan balik dan memeriksa id:

dulu satwa = animalObj. Saring ( satwa => satwa. pengenal === pengenal ) ;
menghibur. catatan ( animalObj [ animalIndex ] ) ;

Anda telah mempelajari beberapa metode untuk menemukan objek berdasarkan ID dalam larik objek JavaScript.

Kesimpulan

Untuk menemukan objek berdasarkan ID dalam larik JavaScript, ada berbagai metode, termasuk “ menemukan() ”, “ Saring ', Dan ' findIndex() yang dapat digunakan. Untuk melakukannya, tambahkan elemen dalam array dan aktifkan metode dengan fungsi callback dan periksa id objek. Posting ini menyatakan metode berbeda untuk menemukan objek dengan ID dalam array objek JavaScript.