Стриптизируйте многомерный массив с помощью javascript

Question

Im, создающий счет-фактуру для книг и нацеленный на отправку через ajax. Im пытается JSON кодирования массива книг в счете, однако я получаю пустое значение

//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));
Выходы: [[]]

alert(order_items.toString());
Выходы: blank

console.log(order_items);
Выход:

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] 

Мой массив создается, но почему-то я не могу его кодировать json? Я делаю что-то неправильно?

Answer 1

вы можете попробовать

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)); 

ваша единственная ошибка была попытка создания ассоциативных массивов вместо использования объекты, которые могут это сделать

Answer 2

Array и Object - разные звери. Ваш bookdata не является массивом, а объект, таким образом, вы должны создать его с

var bookdata = {};

Answer 3

Массивы упорядочиваются по-разному с JSON.stringify() в отличие от обычных объектов (только свойства UInt32 упорядочиваются). Так как вы добавляете только текстовые свойства в bookdata, вы должны использовать анонимные объекты, как это:

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