Как перебрать массив массивов с помощью jQuery?

Question

У меня есть массив массивов. Я хочу иметь возможность перебирать каждый массив, и для каждого массива я хочу добавить новые ключи или обновить существующие значения.

Вот что у меня есть

var values = []; 

    values['123'] = []; 
    values['456'] = []; 
    values['123']['x1'] = 'value 1'; 
    values['123']['x2'] = 'value 2'; 

Я хочу перебираем массив значений, а также добавлять новые ключи в массиве для каждого массива. (Т.е. values['123'] и values['456'])

Вот что я пытался

$.each(values, function(index, value){ 

    value['x1'] = 'new value 1'; 
    value['x10'] = 'new value 10'; 
    value['x20'] = 'new value 20'; 
    console.log(value); 

}); 

Консоль показывает эту ошибку

TypeError: value is undefined 

Вот fiddle

Как я могу correcly петлю на каждом массиве и обновить исходный массив?

Answer 1

На самом деле для вашего случая вы должны использовать Object, не Array

Для построения нецифровых индексов следует использовать {}

{} - для построения Object, [] - для построения Array

jQuery.each() может использоваться для повторения и для Объекты и массивы.

Попробуйте этот код

$(function() { 
    $('#x').click(function(e) { 
     var values = {}; // here 

     values['123'] = {}; // here 
     values['456'] = {}; // here 
     values['123']['x1'] = 'value1'; 
     values['123']['x2'] = 'value2'; 


     $.each(values, function(index, value) { 

      value['x1'] = 'new value 1'; 
      value['x10'] = 'new value 10'; 
      value['x20'] = 'new value 20'; 
      console.log(value); 

     }); 
    }); 
}); 

Answer 2

Это происходит потому, что ваш values массив становится инициализируется с индексами 123 и 456. Таким образом, функция $.each() предполагает, что длина массива равна 457 и, таким образом, начинается с индекса элемента 0, хотя в этом индексе нет значения.

Чтобы преодолеть это, вы можете просто сделать следующее изменение, и он будет работы-

$.each(values, function(index, value){ 
    if(values[index] !== undefined) { 
     value['x1'] = 'new value 1'; 
     value['x10'] = 'new value 10'; 
     value['x20'] = 'new value 20'; 

     //Update the new values in the values object. 
     values[index] = value; 
     console.log(value); 
    } 
});