jQuery .each() array in .each() array

Question

Hear an Object Array

 advancedParams = [];
 advancedParams["cost"] = [];
 advancedParams["cost"]["from"] = 10;
 advancedParams["cost"]["to"] = 100;

But the .each() do not see second array

 $.each(advancedParams, function( idx, obj ) {
     console.log(idx); // shows cost
     console.log(obj ); // shows [from: "10", to: "200"]
     $.each(obj, function( key, value ) {
         console.log(key); // nothing
         //each have no iterations, why?
     });
 }

Find problem. Array binding by advancedParams = {}, but the second was bind by advancedParams[param] = [], when type advancedParams[param] = {} it start work. — Николай Сколунов
– Николай Сколунов, Commented Mar 19, 2015 at 8:13

Jai · Accepted Answer · 2015-03-19 08:12:33Z

2

This is absolutely invalid:

{cost: [from: "10"], [to: "200"]}

because in an array you can't have values with : separated.

Instead of declaring an array [] you should assign an object.

advancedParams = {};
advancedParams["cost"] = {};

check in the demo below.

var advancedParams = {};
advancedParams["cost"] = {};
advancedParams["cost"]["from"] = 10;
advancedParams["cost"]["to"] = 100;

$.each(advancedParams, function(i, obj) {
  console.log(obj); // results in "Object {from: 10, to: 100}"
  $.each(obj, function(i, item) {
    console.log(item); // results in "10, 100"
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited Mar 19, 2015 at 8:12

answered Mar 19, 2015 at 8:05

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Николай Сколунов Over a year ago

Update array. Simply I tried to explain more simply.

Николай Сколунов Over a year ago

Yes. Problem was in advancedParams["cost"] = [ ]

Cosmin · Accepted Answer · 2015-03-19 08:08:54Z

0

Your object definition it's invalid. Look at the error message below :

invalid object definition

Store it in an object like this : var obj = { from: 10, to:200}. Or if you want an array of objects, do it like this: var arr =[{from:10,to:200},{from:1, to:300}].

answered Mar 19, 2015 at 8:08

Cosmin

2,2141 gold badge23 silver badges39 bronze badges

Collectives™ on Stack Overflow

jQuery .each() array in .each() array

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related