Tutorial ini akan menunjukkan pendekatan untuk menukar nilai objek di dalam tatasusunan dalam JavaScript.
Bagaimana untuk Mengubah/Mengemaskini Nilai Objek Yang Di Dalam Tatasusunan Menggunakan JavaScript?
Untuk menukar nilai objek yang berada di dalam tatasusunan, gunakan kaedah pratakrif JavaScript berikut:
Kaedah 1: Tukar Nilai Objek Yang Di Dalam Tatasusunan Menggunakan Kaedah “findIndex()”.
Untuk menukar nilai objek di dalam tatasusunan, gunakan ' findIndex() ” kaedah. Kaedah ini mencari indeks elemen dalam tatasusunan yang memenuhi syarat tertentu. Untuk menentukan syarat, ia menggunakan fungsi panggil balik.
Sintaks
Ikuti sintaks yang diberikan untuk menukar nilai objek menggunakan kaedah findIndex():
arrayObject. findIndex ( obj => {
//keadaan
} ) ;
Contoh
Buat tatasusunan yang mengandungi objek yang berbeza:
adalah arrObj = [ { ID : 5 , nama : 'Mayer' , umur : 25 } ,
{ ID : 9 , nama : 'Paul' , umur : 26 } ,
{ ID : 12 , nama : 'Steven' , umur : dua puluh } ]
Panggil kaedah findIndex() dengan fungsi panggil balik yang menyemak id objek yang bersamaan dengan “ 12 ', dan simpan indeks objek dalam pembolehubah ' getIndex ”:
const getIndex = arrObj. findIndex ( obj => {kembali obj. ID === 12 ;
} ) ;
Tukar nilai harta ' umur ” objek:
arrObj [ getIndex ] . umur = 24 ;
Akhir sekali, cetak tatasusunan objek yang dikemas kini pada konsol:
konsol. log ( 'Array of Object yang dikemas kini ialah:' ) ;konsol. log ( arrObj ) ;
Output menunjukkan bahawa nilai ' umur ' daripada objek yang idnya ialah 12 telah berjaya ditukar daripada ' dua puluh ” kepada “ 24 ”:
Kaedah 2: Tukar Nilai Objek Yang Di Dalam Tatasusunan Menggunakan Kaedah “map()” Dengan Operator Hamparan
Gunakan ' peta() ' kaedah dengan ' pengendali penyebaran ” untuk menukar nilai objek di dalam tatasusunan. 'map()' digunakan untuk mencipta tatasusunan baharu dengan memanggil fungsi pada setiap elemen tatasusunan sedia ada. Walaupun operator spread membenarkan untuk menyebarkan atau menyalin elemen tatasusunan ke dalam tatasusunan baharu atau hujah panggilan fungsi. Kaedah 'map()' tidak mengubah suai/menukar tatasusunan asal tetapi ia mengeluarkan tatasusunan baharu dengan elemen yang diubah suai.
Sintaks
Untuk menukar nilai objek menggunakan kaedah map() dengan operator spread, gunakan sintaks berikut:
jika ( syarat ) {
kembali { ... obj , kunci : newValue } ;
}
kembali obj ;
} ) ;
Contoh
Panggil kaedah map() dengan operator spread untuk menukar nama objek yang idnya ialah “ 9 ”:
jika ( obj. ID === 9 ) {
kembali { ... obj , nama : 'Alice' } ;
}
kembali obj ;
} ) ;
Cetak tatasusunan objek yang diubah suai pada konsol:
konsol. log ( newObjectArr ) ;Harta ' nama ' daripada objek yang idnya ialah ' 9 ” telah ditukar daripada “ Paul ” kepada “ Alice ”:
Kaedah 3: Tukar Nilai Objek Yang Di Dalam Tatasusunan Menggunakan Kaedah “find()”.
Untuk menukar nilai objek di dalam tatasusunan, gunakan ' cari() ” kaedah. Ia digunakan untuk mencari elemen dalam tatasusunan yang memenuhi syarat tertentu. Ia mengeluarkan nilai elemen jika ia memenuhi syarat. Jika tidak, ia memberikan ' tidak ditentukan , ” menunjukkan tiada unsur tersebut ditemui.
Sintaks
Gunakan sintaks yang diberikan untuk kaedah find() untuk mencari elemen dalam tatasusunan:
//keadaan
} ) ;
Contoh
Guna kaedah find() untuk mencari objek yang idnya ialah “ 5 ' dan simpan objek dalam pembolehubah ' findIndex ”:
kembali obj. ID === 5 ;
} ) ;
Semak sama ada pembolehubah 'findIndex' tidak sama dengan ' tidak ditentukan ” bermaksud, jika objek ditemui, tukar nilai harta itu “ nama ” daripada objek:
jika ( findIndex !== tidak ditentukan ) {findIndex. nama = 'John' ;
}
Akhir sekali, cetak objek pada konsol:
konsol. log ( findIndex ) ;Output hanya memaparkan objek yang ditentukan dengan menukar nilainya:
Kaedah 4: Tukar Nilai Objek Yang Di Dalam Tatasusunan Menggunakan Gelung “for-of”.
Anda juga boleh menggunakan ' untuk-untuk ” gelung untuk menukar nilai objek di dalam tatasusunan. Ia digunakan untuk mengulangi tatasusunan Objek dan menyemak syarat untuk menukar nilai objek. Selepas mengakses dan menukar nilai objek, tamatkan gelung menggunakan ' rehat ” kata kunci.
Sintaks
Ikut sintaks yang diberikan untuk gelung 'for-of':
jika ( syarat ) {
//kenyataan
rehat ;
}
}
Contoh
Gunakan gelung for-of dan semak objek yang idnya ialah “ 5 ” dan tukar “ umur ” kepada “ 27 ”:
jika ( obj. ID === 5 ) {
obj. umur = 27 ;
rehat ;
}
}
Cetak objek yang dikemas kini di dalam tatasusunan pada konsol:
konsol. log ( arrObj ) ;Pengeluaran
Kami telah mengumpulkan semua maklumat penting yang berkaitan dengan perubahan nilai objek yang berada di dalam tatasusunan dalam JavaScript.
Kesimpulan
Untuk menukar nilai objek yang berada di dalam tatasusunan, gunakan kaedah JavaScript yang dipratentukan, termasuk ' findIndex() , “ peta() ' kaedah dengan ' pengendali penyebaran ”, “ cari() ' kaedah, atau ' untuk-untuk ” gelung. Kaedah ini berjaya menukar nilai objek di dalam tatasusunan. Tutorial ini menunjukkan pendekatan yang berbeza untuk menukar nilai objek yang berada di dalam tatasusunan dalam JavaScript.