Stringify a multi-dimension array with javascript

Question

Im creating an invoice for books, and aim to submit it via ajax. Im trying to json encode the array of books in the invoice, however I keep getting a blank value

 //create item list
    var order_items = [];
    $('#mi_books tbody tr.userbooks').each(function(index)
    {
        var bookisbn = $(this).find('td .mi_isbn').text();

        var bookdata = [];
        bookdata['isbn'] = bookisbn;
        bookdata['title'] = $(this).find('.mi_title').text();
        bookdata['qty'] = $(this).find('.mi_qty').text();
        bookdata['price'] = $(this).find('.mi_price').text();

        order_items.push(bookdata);

    });
    alert(JSON.stringify(order_items));
    alert(order_items.toString());
    console.log(order_items);

alert(JSON.stringify(order_items));
Outputs: [[]]

alert(order_items.toString());
Outputs: blank

console.log(order_items);
Output:

Array[1]
0: Array[0]
isbn: "9781401216672"
length: 0
price: "1007"
qty: "1"
title: "Batman: The Killing Joke"
__proto__: Array[0]
length: 1
__proto__: Array[0]

My array is being created, but somehow I cant seem to json encode it? Am I doing something wrong?

user1046334 · Accepted Answer · 2013-07-10 14:16:12Z

4

Array and Object are different beasts. Your bookdata is not an array, but an object, thus, you should create it with

var bookdata = {};

answered Jul 10, 2013 at 14:16

user1046334

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

4 Comments

user1046334 Over a year ago

And, for readability, assign with bookdata.isbn = ... instead of square brackets and strings (it is the same, by definition, in ES5 spec).

user1046334 Over a year ago

See also @Jack's answer below, you could bind creation of empty {} with filling it as shown there (I would probably do it, too, as a second step; I fixed the immediate bug).

pinkpixycoder Over a year ago

Thanks for explaining it, I assumed bookdata was also an array because the console.log output said 'array'

user1046334 Over a year ago

@pinkpixycoder Yes, it was an array, you created it as such: []. The variable will hold what you put to it, empty array [], empty object {} or whatever else.

Ja͢ck · Accepted Answer · 2013-07-10 14:19:25Z

3

Arrays are serialized differently with JSON.stringify() as opposed to regular objects (only properties of UInt32 are serialized). Since you're only adding textual properties to the bookdata, you should use anonymous objects like this:

var bookdata = {
    isbn: bookisbn,
    title: $(this).find('.mi_title').text(),
    qty: $(this).find('.mi_qty').text(),
    price: $(this).find('.mi_price').text()
};

answered Jul 10, 2013 at 14:19

Ja͢ck

174k39 gold badges269 silver badges317 bronze badges

Comments

vladkras · Accepted Answer · 2013-07-10 18:04:53Z

0

you may try

var order_items = {};
$('#mi_books tbody tr.userbooks').each(function(index)
{
    var bookisbn = $(this).find('td .mi_isbn').text();

    var bookdata = {
      'isbn': bookisbn,
      'title': $(this).find('.mi_title').text(),
      'qty': $(this).find('.mi_qty').text(),
      'price': $(this).find('.mi_price').text()
    };
    order_items[index] = bookdata;
});
alert(JSON.stringify(order_items));

your only mistake was a try to create associative arrays instead of using objects, that can do it

edited Jul 10, 2013 at 18:04

answered Jul 10, 2013 at 14:32

vladkras

17.2k4 gold badges50 silver badges55 bronze badges

2 Comments

vladkras Over a year ago

just tell why are you downvoting

pinkpixycoder Over a year ago

Your code works perfectly! Thanks! Im assuming your post was downvoted simply because I asked 'what i was doing wrong', not for the code itself :)

Collectives™ on Stack Overflow

Stringify a multi-dimension array with javascript

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related