Yeni bir sıfırdan ileriye Javascript konusuna hoş geldiniz. Bugün objeleri işleyeceğiz. Objeler oldukça sık kullanılan ve işimize yarayan kavramlardan bir tanesidir ama direkt objelere geçmeden scope kavramını öğrenmekte fayda var. İyi okumalar.
![cxun73h.png](https://i.hizliresim.com/cxun73h.png)
Scope Nedir ?
Scope bir değişkenin içerdiği bölüm diyebiliriz. Scope iki türlüdür.
Küresel
Yerel
Küresel değişkenler her yerde çağrılırken yerel değişkenler sadece ait olduğu kapsama alanında çağırılır. Örneğin :
JavaScript:
let kureselDegisken = 1;
function yerel(){
let yerelDegisken = 1;
}
Mesela küresel değişkeni her yerde kullanabilirken yerel değişkeni sadece o fonksiyonun içinde kullanabiliriz. Hepimiz for döngülerini biliyoruz. Döngüyü kurarken let i = 0; değeri kullanırız o da bir yerel değişkendir. Sadece for parantezleri içinde kullanılır. Scope kavramını bildiğimize göre ana konumuza geçebiliriz.
![cxun73h.png](https://i.hizliresim.com/cxun73h.png)
Objeler
Objeler, aynı diziler gibi birden çok veriyi tek bir yerde tutmaya işe yarar ama objelerin en büyük farkı ise kendi içinde farklı değişkenler tanımlamamıza olanak sağlar. Mesela insan objesinin içine yaş, ad, kilo, boy, vs. istediğiniz kadar değişken tanımlayabilirsiniz. Bu değişkenler o objenin içinde geçerli olan yerel değişkenler olacaktır. Örnek bir obje tanımlayalım
JavaScript:
const kisi = {
ad: 'dark',
soyad: 's0ldier',
yas: 2019,
yetenekler: [
'HTML',
'CSS',
'JavaScript',
]
}
console.log(kisi)
![WZbq9H.png](https://resmim.net/cdn/2024/06/29/WZbq9H.png)
![WZb2Nc.png](https://resmim.net/cdn/2024/06/29/WZb2Nc.png)
Burada tüm değerleri alabiliriz. Bir bazen bize bir objenin içindeki tüm değerler değil de sadece bir değer lazım oluyor mesela kişinin maaşı 1000 tl'den büyükse xxx yap tarzı işlemlerde this.obje değişkeni değeri kullanarak sadece hedefteki değişkeni alırız.
JavaScript:
const kisi = {
ad: 'dark',
soyad: 's0ldier',
yas: 2019,
yetenekler: [
'HTML',
'CSS',
'JavaScript',
],
adAl: function() {
return `${this.ad}${this.soyad}`
},
}
console.log(kişi.adAl())
![WZeMAj.png](https://resmim.net/cdn/2024/06/29/WZeMAj.png)
![WZeZSn.png](https://resmim.net/cdn/2024/06/29/WZeZSn.png)
Böylece obje içine sadece istediğimiz değerleri veren bir fonksiyon tanımladık
![cxun73h.png](https://i.hizliresim.com/cxun73h.png)
Objeleri Manipüle Etme
Bazı zamanlar objelerdeki değerleri değiştirmemiz gerekebilir. Bu gibi durumlarda birkaç metot kullanırız. Gelin bunlara bakalım şimdi
Object.sign
Object.sign, orijinal değişkeni değiştirmeden kopyalamaya işe yarar.
JavaScript:
const kisi = {
ad: 'dark',
soyad: 's0ldier',
yas: 2019,
yetenekler: [
'HTML',
'CSS',
'JavaScript',
]
}
const kopya = Object.assign({}, kisi)
console.log(kopya)
Object.keys()
Object.keys, objelerin key değerini alır.
Object.values()
Object.values, bir değeri dizi olarak alır
Object.entries()
Object.entries, hem key hem de value değerlerini gösterir
Tebrikler bir ders daha bitti. Objeler çok önemli bir konu olduğunu söyleyebilirim ama konunun son kısımını ben neredeyse hiç kullanmadım ama yine de bilmekte fayda var. Başka bir konuda görüşmek üzere
![cxun73h.png](https://i.hizliresim.com/cxun73h.png)