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
– Tyler Roper, Commented Jul 7, 2017 at 13:29

Just · Accepted Answer · 2020-01-18 05:50:29Z

9

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

answered Jan 18, 2020 at 5:50

Just

4376 silver badges21 bronze badges

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

Comments

JLRishe · Accepted Answer · 2017-07-07 13:29:32Z

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 7, 2017 at 13:29

JLRishe

102k19 gold badges138 silver badges171 bronze badges

Comments

Jaydeep Mor · Accepted Answer · 2017-07-07 13:27:54Z

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 7, 2017 at 13:27

Jaydeep Mor

1,7233 gold badges22 silver badges42 bronze badges

1 Comment

Tyler Roper Over a year ago

Why is using "for...in" with array iteration a bad idea?

Arun · Accepted Answer · 2017-07-07 13:31:01Z

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 7, 2017 at 13:31

Arun

3781 silver badge11 bronze badges

Comments

Durga · Accepted Answer · 2017-07-07 13:34:51Z

0

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

try this

answered Jul 7, 2017 at 13:34

Durga

15.6k2 gold badges31 silver badges55 bronze badges

1 Comment

Tyler Roper Over a year ago

Consider adding some more substance to your answer. Just giving OP a code to substitute doesn't really explain much.

bgauryy · Accepted Answer · 2017-07-07 13:35:39Z

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 7, 2017 at 13:35

bgauryy

4163 silver badges7 bronze badges

Comments

notphilphil · Accepted Answer · 2017-07-07 13:35:43Z

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 7, 2017 at 13:35

answered Jul 7, 2017 at 13:30

notphilphil

3856 silver badges16 bronze badges

3 Comments

Tyler Roper Over a year ago

Why is using "for...in" with array iteration a bad idea?

notphilphil Over a year ago

@Santi Ah, I neglected the fact that it is an array. However, it is still valid (as long as you iterate correctly).

Tyler Roper Over a year ago

Sure. Just figured I'd provide some food for thought.

Ritesh Khatri · Accepted Answer · 2017-07-07 13:37:08Z

0

You can use jQuery as like this,

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

I am sure it helps,

answered Jul 7, 2017 at 13:37

Ritesh Khatri

1,31115 silver badges30 bronze badges

Comments

J.Doe · Accepted Answer · 2017-07-07 13:50:02Z

0

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

answered Jul 7, 2017 at 13:50

J.Doe

1431 gold badge1 silver badge5 bronze badges

Comments

Abhilash A S · Accepted Answer · 2018-11-14 11:34:24Z

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, 2018 at 11:34

Abhilash A S

72 bronze badges

Collectives™ on Stack Overflow

How to make a foreach of an object in javascript?

10 Answers 10

Comments

Comments

1 Comment

Comments

1 Comment

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

Comments

Comments

1 Comment

Comments

1 Comment

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related