JavaScript JSON dosyasını fetch ile okurken ekrana yazdıramama

ErrorCorrection · 11 Temmuz 2023

JavaScript:

        let getData = async (url, func) => {
            let data = await (await fetch(url)).json()
            func(data)
        }
        writeEachOther = (array) =>{
            array.forEach(element => {
                console.log(element);
            });
        }
        getData("users.json", writeEachOther)

JSON:

{
    "1" : {
        "name" : "sinan",
        "age" : "21"
    },
    "2" : {
        "name" : "ahmet",
        "age" : "20"
    },
    "3" : {
        "name" : "fuat",
        "age" : "25"
    }
}

[COLOR=rgb(226, 80, 65)]Uncaught (in promise) TypeError: array.forEach is not a function[/COLOR]

forEach metodunu ne yaptıysam kullanamadım. array'e de çeviremiyorum. Nasıl dataları alabilirim teker teker?

651202 · 11 Temmuz 2023

JavaScript:

writeEachOther = (array) =>{
    Object.entries(array).forEach(([key, item]) => {
        console.log(item.name + ', yaş: ' + item.age) // key - value
    })
}

Bu şekilde düzenleyip dener misin?

ErrorCorrection · 11 Temmuz 2023

651202 dedi:
JavaScript:

writeEachOther = (array) =>{ Object.entries(array).forEach(([key, item]) => { console.log(item.name + ', yaş: ' + item.age) // key - value }) }

Bu şekilde düzenleyip dener misin?

Evet hocam çalıştı. Teşekkürler.
Bir sorum var hocam. Orada [key,item] olarak yazınca direk ilk 2 elemanını alıyor değil mi?

651202 · 11 Temmuz 2023

ErrorCorrection dedi:
Evet hocam çalıştı. Teşekkürler.
Bir sorum var hocam. Orada [key,item] olarak yazınca direk ilk 2 elemanını alıyor değil mi?

Yok hocam,

key => dizi elemanının indeksini döner örn: 0, 1, 2, 3, 4, 5 gibi.
item => dizinin döngüdeki geçerli elemanını döner [item, item.name, item.surname, item.email, ...] şeklinde kullanabilirsin.

ErrorCorrection · 11 Temmuz 2023

651202 dedi:
Yok hocam,

key => dizi elemanının indeksini döner örn: 0, 1, 2, 3, 4, 5 gibi.
item => dizinin döngüdeki geçerli elemanını döner [item, item.name, item.surname, item.email, ...] şeklinde kullanabilirsin.

Yok hocam ismi dönüyor olması lazım.

Kod:

writeEachOther = (array) => {
            Object.entries(array).forEach(([key, item]) => {
                console.log(key,item) // key - value
            })
        }

Böyle yazdığımda çıktı böyle oluyor.

Not:JSON'u kontrol amaçlı değiştirdim.

JSON:

{
  "user1": {
    "name": "sinan",
    "age": "21"
  },
  "user2": {
    "name": "ahmet",
    "age": "20"
  },
  "user3": {
    "name": "fuat",
    "age": "25"
  }
}

RaSGooL · 11 Temmuz 2023

ErrorCorrection dedi:
Orada [key,item] olarak yazınca direk ilk 2 elemanını alıyor değil mi?

Array destructuring olarak geçiyor bu işlem. Object.Entries ile objeyi [key, value] tipine çeviriyor. Sonra destructuring yapılıyor.
Eğer key değerine ihtiyacın olmasa idi;

JavaScript:

writeEachOther = (array) => {
    Object.values(array).forEach(item => {
        console.log(item)
    })
}

Destructuring işlemi sıklıkla kullanılan bir yöntem.

Destructuring assignment - JavaScript | MDN

The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.

developer.mozilla.org

JavaScript JSON dosyasını fetch ile okurken ekrana yazdıramama

Ayrıntılı düzenleme

ErrorCorrection

Hectopat

651202

Picopat

ErrorCorrection

Hectopat

651202

Picopat

ErrorCorrection

Hectopat

RaSGooL

Kilopat

Destructuring assignment - JavaScript | MDN

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz