How to make a foreach of an object in javascript?

Question

I am currently building a mashup in Qlik Sense in JavaScript and jQuery. I have made some data selection and I have put them in a variable object :

var CurrentSelec = app1.selectionState().selections;
console.log(CurrentSelec);`
console.log(typeof CurrentSelec);

This is what I get on my browser console :

I'm trying to show the qSelected value in a Foreach :

I have tried with Javascript :

for(var index in CurrentSelec) { 
    console.log(index.qSelected);
}

I have tried with jQuery:

$.each(CurrentSelec, function(i, index) {
  console.log(index.qSelected)
});

But my browser console do not show the log of my foreach.

Do you know how to properly make a foreach of an object and show its content on a browser console, please ?

Regards.

`CurrentSelec` is *not* an object, it is an **array**. If it were an object, the first line of your image would say `Object` instead of `Array(1)`, and the `typeof CurrentSelect` would output *`Object {}`* instead of `object`. — Tyler Roper, Jul 07 '17 at 13:29

score 9 · Answer 1 · answered Jan 18 '20 at 05:50

You can use the Object.keys() method, which returns an array of the keys in an object. Then we run that through an Array.forEach() method. for example

Object.keys(lunch).forEach(function (item) {
    console.log(item); // key
    console.log(lunch[item]); // value
});

score 3 · Answer 2 · answered Jul 07 '17 at 13:29

3

Your CurrentSelec variable is an array, not an ordinary object, so just use its forEach method:

CurrentSelec.forEach(function (el) {
    console.log(el.qSelected);
});

answered Jul 07 '17 at 13:29

JLRishe

99,490
19
131
169

score 0 · Answer 3 · answered Jul 07 '17 at 13:27

0

You iterate object using javascript for in loop.

For e.g. CurrentSelec is your object.

for(key in CurrentSelec){
    //key is your object's main query.
    //CurrentSelec is your object's nested array if has.
    console.log(key);
    console.log(CurrentSelec[key]);
}

answered Jul 07 '17 at 13:27

Jaydeep Mor

1,690
3
21
39

[Why is using "for...in" with array iteration a bad idea?](https://stackoverflow.com/questions/500504/why-is-using-for-in-with-array-iteration-a-bad-idea) – Tyler Roper Jul 07 '17 at 13:38

notphilphil · Answer 4 · 2017-07-07T13:35:43.953

0

With your JavaScript example, you are incorrectly navigating through the Object. In order to move through it, use [] and the variable you set. For example,

for (var index in CurrentSelec) {
  console.log(CurrentSelec[index].qSelected);
}

This chooses each child inside of CurrentSelec and prints out its corresponding qSelected value.

In your example, when you say for (var index in CurrentSelec) {...};, you are saying for each child inside of CurrentSelec, set index = child (where child is only a key to your CurrentSelec Object), and then proceed with the for loop.

Therefore, when you say console.log(index.qSelected), you are trying to navigate to the qSelected value under index, which will never exist. Instead you should navigate through the parent Object using each index you receive in your for loop.

edited Jul 07 '17 at 13:35

answered Jul 07 '17 at 13:30

notphilphil

385
5
16

1

[Why is using "for...in" with array iteration a bad idea?](https://stackoverflow.com/questions/500504/why-is-using-for-in-with-array-iteration-a-bad-idea) – Tyler Roper Jul 07 '17 at 13:37
@Santi Ah, I neglected the fact that it is an array. However, it is still valid (as long as you iterate correctly). – notphilphil Jul 07 '17 at 13:42
1

Sure. Just figured I'd provide some food for thought. – Tyler Roper Jul 07 '17 at 13:43

score 0 · Answer 5 · answered Jul 07 '17 at 13:31

0

Try using below code and see if it works, instead of CurrentSelec use CurrentSelec[0]

$.each(CurrentSelec[0], function(i, index) {
  console.log(index.qSelected)
});

answered Jul 07 '17 at 13:31

Arun

378
1
11

score 0 · Answer 6 · answered Jul 07 '17 at 13:34

0

for (var index in CurrentSelec[0]) {
 console.log(index.qSelected);
}

try this

answered Jul 07 '17 at 13:34

Durga

15,263
2
28
52

Consider adding some more substance to your answer. Just giving OP a code to substitute doesn't really explain much. – Tyler Roper Jul 07 '17 at 13:36

score 0 · Answer 7 · answered Jul 07 '17 at 13:35

0

Some info is missing here (and please rename to 'currentSelec) , but do:

CurrentSelec.forEach(function(item){
         console.log(item.qSelected)
    })

What you did is iteration on the keys of the Array, and not the values.

answered Jul 07 '17 at 13:35

bgauryy

416
3
7

score 0 · Answer 8 · answered Jul 07 '17 at 13:37

0

You can use jQuery as like this,

$.each(CurrentSelec, function( key, value ) {
   alert( key + ": " + value );
});

I am sure it helps,

answered Jul 07 '17 at 13:37

Ritesh Khatri

1,253
13
29

score 0 · Answer 9 · answered Jul 07 '17 at 13:50

It seems like you mixed up Arrays and Objects. Looking at the picture you provided I think you have an Array which contains Objects.

//Naming indicates mutliple selections
app1.selectionState().selections;

Looping over an array is easy, accessing a object value too:

// CurrentSelec = [{qSelected : '1'},{qSelected : '2'}];
CurrentSelec.forEach ( selection => console.log(selection.qSelected) );

score 0 · Answer 10 · answered Nov 14 '18 at 11:34

0

var displayArray = [{id:1,dispName:"abc"},{id:2,dispName:"aaaa"},{id:3,dispName:"bbbb"},{id:4,dispName:"xxxxx"},{id:5,dispName:"www"}]
      displayArray.forEach(obj => {
      console.log(obj)
      });

answered Nov 14 '18 at 11:34

Abhilash A S

7
2

How to make a foreach of an object in javascript?

10 Answers10

Linked