Jquery: Push array med key og værdi

Her er et eksempel hvor jeg i en jquery AJAX funktion vil hente attribut værdier som en kunde har valgt i forbindelse med et køb af et produkt. Attribut værdierne er nogle kunden vælger i nogle select bokse, det kunne fx være bredde, længde, farve osv. Dataene skal så sendes med en AJAX Post anmodning som så bruges i en PHP funktion som tilføjer produktet til kurven med de valgte attributer og attribut navne, hvorfor jeg også gerne vil have attribut navnet og ikke kun værdien. I dette eksempel er det kun vist hvordan jeg finder dataene og gemmer det som en array således at jeg kan bruge det i min php add_to_cart funktion. Det vil sige det er blot et lille del af min jquery Ajax funktion. Jeg har dog inkluderet en del af ajax delen, for at vise en kort bid af det.

Her er et kodestykket frem til $.ajax({:

function add_to_cart(product_id) {
      var selectedfilters = [];
        $('.variations select').each(function () {
                var name  = $(this).data('attribute_name');
                var value = $(this).val();
            selectedfilters.push({[name]: value}); 
        });
    $.ajax({
        url: LENNARTC.ajaxurl,
        type: 'POST',
        data: {
            action: 'ajax_atc',
            product: product_id,
              selectedfilters : selectedfilters 
        },
 });
}

Husk kodestykket er blot en del af en fuld ajax add_to_cart funktion, og indlægget var primært for at vise hvordan man laver en array med key i jquery.