Bu öğretici, JavaScript'te bir dizi içindeki bir nesnenin değerini değiştirmeye yönelik yaklaşımları gösterecektir.
JavaScript Kullanarak Dizinin İçinde Bulunan Bir Nesnenin Değeri Nasıl Değiştirilir/Güncellenir?
Bir dizinin içindeki bir nesnenin değerini değiştirmek için, aşağıdaki önceden tanımlanmış JavaScript yöntemlerini kullanın:
Yöntem 1: “findIndex()” Yöntemini Kullanarak Dizinin İçindeki Nesnenin Değerini Değiştirme
Dizi içindeki bir nesnenin değerini değiştirmek için “ findIndex() ' yöntem. Bu yöntem, belirli koşulu sağlayan bir dizide öğenin dizinini bulur. Koşulu belirtmek için bir geri arama işlevi kullanır.
Sözdizimi
findIndex() yöntemini kullanarak bir nesnenin değerini değiştirmek için verilen sözdizimini izleyin:
diziObject. findIndex ( nesne => {
//durum
} ) ;
Örnek
Farklı nesneler içeren bir dizi oluşturun:
öyleydi arrObj = [ { İD : 5 , isim : 'Mayer' , yaş : 25 } ,
{ İD : 9 , isim : 'Paul' , yaş : 26 } ,
{ İD : 12 , isim : 'Steven' , yaş : yirmi } ]
' ile eşdeğer nesnelerin kimliğini kontrol eden geri arama işleviyle findIndex() yöntemini çağırın. 12 ”, ve nesnenin dizinini bir değişkende saklayın” getIndex ”:
sabit getIndex = arrObj. findIndex ( nesne => {geri dönmek nesne İD === 12 ;
} ) ;
Özelliğin değerini değiştirin ' yaş ” nesnenin:
arrObj [ getIndex ] . yaş = 24 ;
Son olarak, güncellenmiş nesne dizisini konsolda yazdırın:
konsol. kayıt ( 'Güncellenmiş Nesne Dizisi:' ) ;konsol. kayıt ( arrObj ) ;
Çıktı, “ yaş id'si 12 olan nesnenin '' olan '' öğesi başarıyla değiştirildi. yirmi ' ile ' 24 ”:
Yöntem 2: Spread Operatörü ile “map()” Yöntemini Kullanarak Bir Dizinin İçindeki Nesnenin Değerini Değiştirme
“ harita() ” yöntemi ile “ yayılma operatörü ” bir dizi içindeki nesnenin değerini değiştirmek için. “map()”, var olan bir dizinin her elemanına bir fonksiyon çağırarak yeni bir dizi oluşturmak için kullanılır. Yayılma operatörü, dizi öğelerini yeni bir diziye veya bir işlev çağrısının argümanlarına yaymaya veya kopyalamaya izin verirken. “map()” yöntemi, orijinal diziyi değiştirmez/değiştirmez, ancak değiştirilen öğelerle yeni bir dizi çıkarır.
Sözdizimi
Bir nesnenin değerini, yayılma işleciyle birlikte map() yöntemini kullanarak değiştirmek için aşağıdaki sözdizimini kullanın:
eğer ( durum ) {
geri dönmek { ... nesne , anahtar : yeni değer } ;
}
geri dönmek nesne ;
} ) ;
Örnek
Kimliği “ olan nesnenin adını değiştirmek için spread operatörüyle map() yöntemini çağırın. 9 ”:
eğer ( nesne İD === 9 ) {
geri dönmek { ... nesne , isim : 'Alice' } ;
}
geri dönmek nesne ;
} ) ;
Nesnenin değiştirilmiş dizisini konsolda yazdırın:
konsol. kayıt ( yeniObjectArr ) ;Özellikler ' isim kimliği ' olan nesnenin ' 9 ”, “den değiştirildi paul ' ile ' alice ”:
Yöntem 3: Dizinin İçindeki Nesnenin Değerini “find()” Yöntemiyle Değiştirme
Dizi içindeki bir nesnenin değerini değiştirmek için “ bulmak() ' yöntem. Belirli bir koşulu sağlayan bir dizideki öğeyi bulmak için kullanılır. Koşulu sağlıyorsa, öğenin değerini verir. Aksi takdirde, “ Tanımsız , ”, böyle bir öğenin bulunmadığını belirtir.
Sözdizimi
Bir dizideki öğeyi bulmak için find() yöntemi için verilen sözdizimini kullanın:
//durum
} ) ;
Örnek
Kimliği “ olan nesneyi bulmak için find() yöntemini çağırın. 5 ” ve nesneyi bir değişkende saklayın” findIndex ”:
geri dönmek nesne İD === 5 ;
} ) ;
“findIndex” değişkeninin “ ile eşit olup olmadığını kontrol edin. Tanımsız ”, nesne bulunursa, özelliğin değerini değiştirin” anlamına gelir. isim ” nesnenin:
eğer ( findIndex !== Tanımsız ) {findIndex. isim = 'John' ;
}
Son olarak, nesneyi konsolda yazdırın:
konsol. kayıt ( findIndex ) ;Çıktı, değerini değiştirerek yalnızca belirtilen nesneyi görüntüler:
Yöntem 4: “For-of” Döngüsünü Kullanarak Bir Dizinin İçindeki Nesnenin Değerini Değiştirme
Ayrıca “ için Dizi içindeki bir nesnenin değerini değiştirmek için döngü. Nesne dizisini yinelemek ve nesnenin değerini değiştirmek için koşulu kontrol etmek için kullanılır. Nesnenin değerine erişip değerini değiştirdikten sonra, ' kullanarak döngüyü sonlandırın. kırmak ” anahtar kelime.
Sözdizimi
“For-of” döngüsü için verilen sözdizimini takip edin:
eğer ( durum ) {
//ifade
kırmak ;
}
}
Örnek
For-of döngüsünü kullanın ve kimliği “ olan nesneyi kontrol edin. 5 ” ve “ yaş ' ile ' 27 ”:
eğer ( nesne İD === 5 ) {
nesne yaş = 27 ;
kırmak ;
}
}
Konsoldaki dizinin içindeki güncellenmiş nesneyi yazdırın:
konsol. kayıt ( arrObj ) ;Çıktı
Bir nesnenin değişen değeri ile ilgili tüm temel bilgileri JavaScript'te dizi içinde topladık.
Çözüm
Bir dizinin içindeki bir nesnenin değerini değiştirmek için, ' dahil olmak üzere önceden tanımlanmış JavaScript yöntemlerini kullanın. findIndex() , “ harita() ' ile ' yöntemi yayılma operatörü ”, “ bulmak() ” yöntemi veya “ için ' döngü. Bu yöntemler, bir dizi içindeki bir nesnenin değerlerini başarıyla değiştirdi. Bu öğretici, JavaScript'te bir dizinin içindeki bir nesnenin değerini değiştirmek için farklı yaklaşımları gösterdi.