присваивать несколько значений объекту property with for loop

Question

Я пытаюсь присвоить name свойство obj[i][0] индексы sampleArr. Console.log(arr[i][0]) выходы "animals", "sopranos", "guitars" с каждой итерацией. Однако obj.name = arr [i] [0] присваивает obj.name = "guitars". Что объясняет это поведение и как я могу назначить эти несколько элементов одному свойству в цикле?

var sampleArr = [ 
    ["animals", ["dogs", "cats", "pigs"]], 
    ["sopranos", ["Tony", "Carmella", "AJ", "Meadow"]], 
    ["guitars", ["Stratocaster", "Telecaster", "Gibson Flying-V"]] 
]; 


function objectifier(arr) { 
    var obj = {}; 
    for (var i = 0; i < arr.length; i++) { 
    console.log(arr[i][0]) 
    obj.name = arr[i][0] 
    } 
    return obj; 
} 

Answer 1

Заменить

obj.name = arr[i][0] 

с

obj[i] = {}; 
obj[i]["name"] = arr[i][0]; 

Answer 2

how could I assign these multiple elements to a single property within a loop?

Для достижения этой цели вы должны держать массив в этом одно свойство, например:

function objectifier(arr) { 
    var obj = {}; 
    obj.name = []; 
    for (var i = 0; i < arr.length; i++) { 
    console.log(arr[i][0]) 
    obj.name.push(arr[i][0]); 
    } 
    return obj; 
}