data map is not a function

Question

I m bashing my head against an error I can t work out how to fix   I have the following   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                       and the following 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                 yet I m getting an error that map data is undefined as a function   Looking at it I don t know what s not working as I ve copied this to a new project from previously used code   The only thing different is the JSON source   The previous one didn t have the   products   part before the    brackets   Is this what s throwing me off

User · Answer

data needs to be Json object  to do so please make sure the follow   data     parseJSON data     Now you can do something like   data map function                                       I hope this help some one

User · Answer

data is not an array  it is an object with an array of products so iterate over data products  var allProducts   data products map function  item        return new getData item

User · Answer

Objects     in JavaScript does not have the method  map    It s only for Arrays      So in order for your code to work change data map   to data products map   since products is an array which you can iterate upon

User · Answer

You can always do the following    const SomeCall   request get res   gt      const Store        Store push res data    Store forEach item   gt    DoSomethingNeat

User · Answer

The SIMPLEST answer is to put  data  into a pair of square brackets  i e   data            getJSON  json products json   done function  data              var allProducts    data  map function  item                 return new getData item                            Here   data  is an array  and the   map  method can be used on it  It works for me

User · Answer

this  http get  https   pokeapi co api v2 pokemon    then response   gt       if response status     200             this usuarios   response data results map usuario   gt          return   name  usuario name  url  usuario url  captched  false                          catch  error   gt    console log  Error al Cargar los Datos      error

User · Answer

The right way to iterate over objects is  Object keys someObject  map function item     Object keys someObject  forEach function item          ES way Object keys data  map item   gt          Object keys data  forEach item   gt            Read here for details

User · Answer

There is an error on   map   invocation  try this           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  lt  item length  i                      new getData item i                                            The error in your code was that you made return in your AJAX call  so it executed only one time

User · Answer

If you want to map an object you can use Lodash  Just make sure it s installed via NPM or Yarn and import it   With Lodash   Lodash provides a function   mapValues to map the values and preserve the keys     mapValues   one  1  two  2  three  3    function  v    return v   3            gt    one  3  two  6  three  9

[jquery] data.map is not a function

Examples related to jquery

Examples related to json