data.map एक फ़ंक्शन नहीं है

Question 1

मैं अपने सिर को एक त्रुटि के खिलाफ कोस रहा हूं जिसे मैं ठीक नहीं कर सकता। मेरे पास निम्नलिखित हैं;

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"
        }
    }
]}

और निम्नलिखित 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);
    });
});

अभी तक मुझे एक त्रुटि मिल रही है कि map.data एक फ़ंक्शन के रूप में अपरिभाषित है? इसे देखकर मुझे नहीं पता कि मैं क्या काम नहीं कर रहा हूं क्योंकि मैंने इसे पहले इस्तेमाल किए गए कोड से एक नए प्रोजेक्ट में कॉपी कर लिया है। केवल अलग चीज JSON स्रोत है। पिछले {"products":वाले [] कोष्ठक से पहले वाला हिस्सा नहीं था । यह क्या मुझे फेंक रहा है?

Question 2

{}जावास्क्रिप्ट में ऑब्जेक्ट्स की विधि नहीं है .map()। यह के लिए केवल है सरणी , []।

काम परिवर्तन करने के लिए अपने कोड के क्रम में तो data.map()करने data.products.map()के बाद से productsएक सरणी जो तुम पर पुनरावृति कर सकते हैं।

Question 3

वस्तुओं पर पुनरावृति करने का सही तरीका है

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

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

जानकारी के लिए यहां पढ़ें

Question 4

सरल जवाब डाल करने के लिए है "डाटा" वर्ग कोष्ठक की एक जोड़ी में (यानी [डेटा] ):

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

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

     });

यहां, [डेटा] एक सरणी है, और इस पर ".map" विधि का उपयोग किया जा सकता है। इससे मेरा काम बनता है!

Question 5

data यह एक सरणी नहीं है, यह एक वस्तु है, जिसके साथ उत्पादों की एक सरणी होती है, इसलिए उस पर पुनरावृति होती है data.products

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

Question 6

यदि आप किसी ऑब्जेक्ट को मैप करना चाहते हैं तो आप Lodash का उपयोग कर सकते हैं। बस यह सुनिश्चित करें कि यह एनपीएम या यार्न के माध्यम से स्थापित है और इसे आयात करें।

लोदाश के साथ:

लोदाश _.mapValuesमानों को मैप करने और कुंजियों को संरक्षित करने के लिए एक फ़ंक्शन प्रदान करता है ।

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

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

Question 7

आप हमेशा निम्न कार्य कर सकते हैं:

const SomeCall = request.get(res => { 

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

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

Question 8

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 ) } )

Question 9

डेटा को Json ऑब्जेक्ट होना चाहिए, ऐसा करने के लिए कृपया निम्नलिखित का पालन करें:

data = $.parseJSON(data);

अब आप कुछ ऐसा कर सकते हैं:

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

मुझे उम्मीद है कि यह कुछ मदद करेगा

Question 10

$.map()मंगलाचरण पर एक त्रुटि है , इसे आज़माएं:

    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]);
            };

        });

    });

आपके कोड में त्रुटि यह थी कि आपने returnअपने AJAX कॉल में किया था, इसलिए इसे केवल एक बार निष्पादित किया गया।