CODEWITHSUNDEEP
javascript
user2718671
user2718671

Reputation: 2976

How to add a variable to a javascript/jQuery object?

Well, the problem is quite simple. I got an object of parsed table rows. Code for it is this:

var erg = [];
    $("tr").each(function (index) {
        var row = {};

        var test = $(this).children();
        row['column1'] = test[0].textContent;
        row['column2'] = test[1].textContent;
        row['column3'] = test[2].textContent;
        row['column4'] = test[3].textContent;
        row['column5'] = test[4].textContent;
        row['column6'] = test[5].textContent;
        row['column7'] = test[6].textContent;        
        erg.push(row); 
    });

And I wanna pass a variable var my_variable="blabla" to it without ruining the structure of the object. So how could i bring that object into a structure like this?:

Object{my_variable="my_variable_value"}, Object{my_table=[Object{...}, Object{...}]} //all the objects of the table

$.extend({}, erg, my_variable); only messed my object up.

I want it in that structure so i can pass it as json to my php script and filter my variable easily. Any tips, links, code snippets? :)

Upvotes: 0

Views: 93

Answers (2)

bfavaretto
bfavaretto

Reputation: 71918

I'm not sure at which point you want to add that, but you may simply wrap your array with another object, and add your property to that same object.

This is basically what Florent's answer does, but using an object literal instead of a "class" and prototype:

// (your current code)
var wrapper = {
    my_variable: 'something',
    my_table: erg
};

Upvotes: 3

Florent
Florent

Reputation: 12420

You can define a class and add the needed variables to its prototype.
First you need a little utility to do that:

function createSharedStruct() {
  // Define a shared structure
  var Struct = function() {};

  // Define a method to define a shared variable
  Struct.share = function(variable, value) {
    Struct.prototype[variable] = value;
  };

  return Struct;
}

And then, update your code:

// Create the shared structure
var rowClass = createSharedStruct();

// Register your shared variables
rowClass.share('my_variable', 'my_variable_value');

var erg = [];
$("tr").each(function (index) {
    var test = $(this).children();

    // Create a new row
    var row = new rowClass();
    row['column1'] = test[0].textContent;
    row['column2'] = test[1].textContent;
    row['column3'] = test[2].textContent;
    row['column4'] = test[3].textContent;
    row['column5'] = test[4].textContent;
    row['column6'] = test[5].textContent;
    row['column7'] = test[6].textContent;        
    erg.push(row); 
});

// No matter when you share a variable, it will be defined among 
// all instances of the same struct.
rowClass.share('my_other_var', 42);

Now you can access shared variables:

console.log(erg[0].my_other_variable); // 42
console.log(erg[1].my_other_variable); // 42

Demo available on JSFiddle.

Upvotes: 1

Related Questions