Create an array of objects by iterating through table rows

Question

I have an HTML table and I want to iterate through its rows and create a collection or lets say an \"array of objects\".

For example:

Answer 1

Check the console, you will get an array with the desired objects

var arr = [];
$('#tbPermission tr:not(.header)').each(function() {
  var that = $(this);
  var id = that.find('td').eq(0).text();
  var name = that.find('td').eq(1).text();
  var obj = { 'userId': id , 'userName': name  };
  arr.push(obj);
});
console.log(arr);

  

    
User ID
    
User Name
  
  

    
1
    
Test1
  
  

    
2
    
Test2