data.map bir işlev değil

Nasıl düzelteceğimi bilemediğim bir hataya kafamı vuruyorum. Aşağıdakilere sahibim;

JSON

{"products":
[
    {
        "product_id" : "123",
        "product_data" : {
            "image_id" : "1234",
            "text" : "foo",
            "link" : "bar",
            "image_url" : "baz"
        }
    },{
        "product_id" : "456",
        "product_data" : {
            "image_id" : "1234",
            "text" : "foo",
            "link" : "bar",
            "image_url" : "baz"
        }
    }
]}

ve aşağıdaki jQuery

function getData(data) {
    this.productID = data.product_id;
    this.productData = data.product_data;
    this.imageID = data.product_data.image_id;
    this.text = data.product_data.text;
    this.link = data.product_data.link;
    this.imageUrl = data.product_data.image_url;
}

$.getJSON("json/products.json").done(function (data) {

    var allProducts = data.map(function (item) {
        return new getData(item);
    });
});

yine de map.data'nın bir işlev olarak tanımlanmamış olduğuna dair bir hata alıyorum? Baktığımda neyin işe yaramadığını bilmiyorum çünkü bunu daha önce kullanılan koddan yeni bir projeye kopyaladım. Farklı olan tek şey JSON kaynağıdır. Bir önceki {"products":bölümde [] parantezlerden önceki kısım yoktu . Beni sinirlendiren bu mu?

Nesneler, {}JavaScript'te yönteme sahip değildir .map(). Bu sadece bu Diziler , [].

Yani kodunuzun çalışması data.map()için, data.products.map()çünkü productsüzerinde yineleyebileceğiniz bir dizi vardır.

Nesneler üzerinde yinelemenin doğru yolu,

Object.keys(someObject).map(function(item)...
Object.keys(someObject).forEach(function(item)...;

// ES way
Object.keys(data).map(item => {...});
Object.keys(data).forEach(item => {...});

Ayrıntılar için burayı okuyun

En basit cevap koymaktır "veriler" köşeli bir çift halinde (yani, [verileri] ):

     $.getJSON("json/products.json").done(function (data) {

         var allProducts = [data].map(function (item) {
             return new getData(item);
         });

     });

Burada [veriler] bir dizidir ve üzerinde ".map" metodu kullanılabilir. Benim için çalışıyor!

data bir dizi değil, bir dizi ürün içeren bir nesnedir, bu nedenle üzerinde yineleyin data.products

var allProducts = data.products.map(function (item) {
    return new getData(item);
});

Bir nesneyi eşlemek istiyorsanız, Lodash'ı kullanabilirsiniz. NPM veya Yarn ile kurulduğundan emin olun ve içe aktarın.

Lodash ile:

Lodash _.mapValues, değerleri eşlemek ve anahtarları korumak için bir işlev sağlar .

_.mapValues({ one: 1, two: 2, three: 3 }, function (v) { return v * 3; });

// => { one: 3, two: 6, three: 9 }

Her zaman aşağıdakileri yapabilirsiniz:

const SomeCall = request.get(res => { 

const Store = []; 
Store.push(res.data);

Store.forEach(item => { DoSomethingNeat 
});
}); 

this.$http.get('https://pokeapi.co/api/v2/pokemon')
.then(response => {
   if(response.status === 200)
   {
      this.usuarios = response.data.results.map(usuario => {
      return { name: usuario.name, url: usuario.url, captched: false } })
          }
    })
.catch( error => { console.log("Error al Cargar los Datos: " + error ) } )

verilerin Json nesnesi olması gerekir, bunun için lütfen aşağıdakilerden emin olun:

data = $.parseJSON(data);

Şimdi şöyle bir şey yapabilirsiniz:

data.map(function (...) {
            ...
        });

Umarım bu birine yardımcı olur

$.map()Çağrıda bir hata var , şunu deneyin:

    function getData(data) {
        this.productID = data.product_id;
        this.productData = data.product_data;
        this.imageID = data.product_data.image_id;
        this.text = data.product_data.text;
        this.link = data.product_data.link;
        this.imageUrl = data.product_data.image_url;
    }

    $.getJSON("json.json?sdfsdfg").done(function (data) {

        var allPosts = $.map(data,function (item) {

            for (var i = 0; i < item.length; i++) {
                new getData(item[i]);
            };

        });

    }); 

Kodunuzdaki hata return, AJAX çağrınızda yaptığınız, dolayısıyla yalnızca bir kez yürütülmesiydi.