Атрибут объектов хранит те же атрибуты в ключе

Question

Я создаю массив объектов javascript. Внутри объектов я хочу один ключ со всеми атрибутами, связанными с этим ключом в том же ведре.

Для примера еды [{фруктов: «яблоки», «бананов»}, {специи: «чили», «Cajun»}]

Если ключ уникален затем добавить в массив в противном случае просто место в тот же ведро.

Код ниже

$('.options li').each(function() { 
    $name = $(this).parent().attr('id'); 
    $attr = $(this).attr('data-attr'); 
    food[$name] = $attr; 
}); 

Вот что у меня есть код мудрый https://jsfiddle.net/fqyt18y7/

Answer 1

Working Fiddle

Для достижения этой цели, вам нужно хранить каждое ключевое слово с массива его элементов , Нечто подобное должно сделать трюк:

$('.options li').each(function() { 
    $name = $(this).parent().attr('id'); 
    $attr = $(this).attr('data-attr'); 

    // Check to see if this keyword has been used before 
    // because if not, we need to store an empty array there 
    if(typeof food[$name] === 'undefined'){ 
    food[$name] = []; 
    } 

    // Add our element to that array 
    food[$name].push($attr); 
}); 

Answer 2

объект Javascript может содержать ключ, значение пары, но не один ключ, а несколько значений, как вы указали [{плоды: «яблоки», «бананы»}, {специи: 'chili', 'cajun'}].

Вместо этого, вы можете изменить значение в массив, который может содержать несколько элементов,

[{фрукты: [ 'яблоки', 'бананы' ]}, {специи: [ ' chili ',' cajun ']}].

Для достижения этой цели, вам нужно изменить

food[$name] = $attr; 

с

if (!food[$name]) { 
    food[$name] = [$attr]; 
    } else { 
    food[$name].push($attr); 
    } 

Hers это updated fiddle