Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Array ile Object ayrımı

isset

public function edit($id){
 $urun = Urun::findOrFail($id);

return Inertia::render('Admin/Urun/Edit', compact('urun') );
     
}

bunu Frontendde

export default {
  props: Array  
  
  }
}

bu şekilde Array diye karşılayanda var

export default {
  props: Object
  
  }
}

Object olarak karşılayanda yani Array gelmiyomu ? dogrusu ne _?

mgsmus

isset

Array

[1, 2, 3]

Array

["Ürün 1", "Ürün 2"]

Array

[true, true, false]

Array

[
    [1, 2, 3],
    ["Ürün 1", "Ürün 2"],
    [true, true, false],
]

Array

[
    {
        "id": 1,
        "name": "Ürün 1",
        "tags": [1, 2]
    },
    {
        "id": 2,
        "name": "Ürün 2",
        "tags": [1, 3]
    }
]

Obje

{
    "id": 1,
    "name": "Ürün 1"
}

Bu durumda sizin $urun obje olmuş oluyor. Birden fazla ürün gönderseydiniz objelerden oluşan bir array olmuş olacaktı.

isset

Çıktısında kocaman Array yazıyo zaten . ve evet aynen dediğiniz gibi birden fazla ürün var yani içinde birçok objeye sahip dolayısıyla bende Array olarak karşılıyodum, objelerden oluşan bir Array . ama ikidir props: Object olarak kullanılmış kodlara denk gelince benmi yanlış yapıyorum merak ettim .

alihankoc

Şunu da atlamayalım. Javascriptte her Array type olarak Object'tir aslında. Bu yüzden kullanıma yanlış diyemeyiz. Her array bir objedir ama her obje bir array değildir.

console.log(typeof []) // object console.log(typeof {}) //object Array.isArray([]) // true Array.isArray({}) // false

mgsmus

alihankoc

// Hangisi iterable?
typeof [][Symbol.iterator] === 'function' // true
typeof {}[Symbol.iterator] === 'function' // false

Direkt object'in kendisine iterasyon uygulanamayacağı için kullanım izin verse dahi array ise array, object ise object olduğunu belirtmek en mantıklısı, devamındaki aksiyonlarda hata olasılığını azaltır. En basitinden hangisine .forEach uygulanabileceğini ya da var[i] şeklinde index ile kullanabileceğimizi bilmiş oluruz.

alihankoc

mgsmus
Tabii ki çok haklısın. Doğru tipleri vermek çok önemli. Hatta typescript'i hiç sevmezdim ama son zamanlarda kullanmaya başladım.

Yukarıda söylemek istediğim kullanım teknik olarak yanlış değil. Ancak dediğin gibi en doğrusu değil ve hatalara sebep olabilir. Bu yüzden tipleri doğru vermek önemli. 😆

isset

mersi