How to get a item in a $.each based on variable

Question

I would like to get a specific item in a $.each based on a variable. How do to do so?

var label = 'email';
//var label = 'name';

var result = {
  success: true,
  data: [{
    id: 1,
    email: 'mark@domain.com',
    name: 'Mark'
  }, {
    id: 2,
    email: 'chris@domain.com',
    name: 'Chris'
  }, {
    id: 3,
    email: 'laura@domain.com',
    name: 'Laura'
  }]
}

$.each(result.data, function(i, item) {
  var getID = item.id;
  // var getLabel = item.email;  // works
  //var getLabel = item.''+label+''; // not working
  var getLabel = item[label]; // works
  console.log('getLabel:');
  console.log(getLabel);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Fiddle: https://jsfiddle.net/tzm5bafu/

score 1 · Accepted Answer · answered Jun 17 '22 at 08:46

Use [] access:

var label = 'email';

var array = {
  success: true,
  data: [ { id: 1, email: 'mark@domain.com', name: 'Mark' },
          { id: 2, email: 'chris@domain.com', name: 'Chris' },
          { id: 3, email: 'laura@domain.com', name: 'Laura' } ]
};
    
$.each(array.data, function (i, item) {
    var getID = item.id;
    var getLabel = item[label];
    console.log('getLabel:');
    console.log(getLabel);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

How to get a item in a $.each based on variable

1 Answers1