How can you map the differences between Javascript objects?

How to retrieve multidimensional form inputs as a javascript array of objects?

• I am working on a Backbone app that requires the input of rows of data (read: an array of objects). I have the form set out like so: <tr> <td><input type="text" name="items[][qty]"></td> <td><input type="text" name="items[][job_number]"></td> <td><input type="text" name="items[][description]"></td> <td><input type="text" name="items[][purchase_order]"></td> </tr> <!--...--> with a dynamic number of rows. I want to be able to retrieve the data in the form of: { items: [ { qty: [val], job_number: [val], description: [val], purchase_order: [val] }, // [...] ] } The closest solution I have found is by Aaron Shafovaloff (http://aaronshaf.wordpress.com/code/jquery-plugin-serialize-multi-dimensional-form-data-into-json/) but it doesn't support the arrays in the output (only objects). I could modify his code to do what I need but I figured I would ask here first since there is no point reinventing the wheel. I am using jQuery and Underscore in my project so have access to their methods.

• Answer:

  You don't really need a plugin or library, it is pretty trivial to write yourself. var formData = new FormData(someFormElement); for(var pair of formData.entries()) {     console.log(pair[0]+ ', '+ pair[1]); } You basically just need to parse your key (aka name) and create the appropriate object and insert into your array. https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects https://developer.mozilla.org/en/docs/Web/API/FormData