JQuery/Javascript - Reference object using variable name

Question

Please excuse my inability to accurately describe what it is I am after. This in ability has made it very difficult to search for an answer, thus I am asking now.

I have an object (data.drivers) which contains a bunch of lap information.

I am looping through this object to update already displayed information, but would like to condense my code and be able to loop through the fields rather than write the same code for every possible field.

Problem is I do not know how to get the value from i by refering to it with a variable. For example:

$.each(data.drivers, function(pos, i) {
  var driver_position = i.position;  // this and much more would happen for 9 fields
  alert (driver_position);
});

This works.

But what I would like to do is this:

$.each(data.drivers, function(pos, i) {

  var fields = [ 'position', 'name', 'laps', 'lapTime', 'pace', 'difference', 'elapsedTime', 'fastLap', 'eqn' ];

  $.each (fields, function (ii, field) {
    alert (i.field);
  });

});

TbWill4321 · Accepted Answer · 2015-12-03 19:27:11Z

1

What you're looking for is bracket notation:

alert(i[field]);

Though using some more descriptive variable names helps in the long run, quite a bit.

answered Dec 3, 2015 at 19:27

TbWill4321

8,6863 gold badges30 silver badges25 bronze badges

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

1 Comment

Luke Pittman Over a year ago

Precisely what I was after. Thank you.

AtheistP3ace · Accepted Answer · 2015-12-03 19:38:19Z

1

You could also just loop over properties with each as well. You don't need that fields array of properties unless there are only specific properties you need and even then you can handle it within the each.

// Loop over array of driver objects
$.each(data.drivers, function(index, driver) {
    // Loop over driver object properties
    $.each(driver, function(key, value) {
        // key is property name
        // value is property value
    });
});

Documentation: http://api.jquery.com/jquery.each/

A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function's arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.

edited Dec 3, 2015 at 19:38

answered Dec 3, 2015 at 19:32

AtheistP3ace

9,74112 gold badges45 silver badges43 bronze badges

2 Comments

Luke Pittman Over a year ago

Wicked. Thanks for adding this - I was so caught up in my solution I didn't even see this possibility.

AtheistP3ace Over a year ago

No problem. Good luck! =]

Collectives™ on Stack Overflow

JQuery/Javascript - Reference object using variable name

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related