Passing Javascript map from aura controller to Apex Controller - Not working

Question

I'm passing below Javascript map from aura component controller to apex controller but map is showing empty in debug log.

var obj = {'0QL8W000006RHl1WAG'=>1,'0QL8W000006RHl0WAG'=>2,'0QL8W000006RHl2WAG'=>3}

Aura component controller

var obj = {'0QL8W000006RHl1WAG'=>1,'0QL8W000006RHl0WAG'=>2,'0QL8W000006RHl2WAG'=>3}

var action= component.get('c.updateSortOrder');

action.setParams(
{"mapofIdSortOrder" : obj}
);        

Apex controller

@AuraEnabled

public static void updateSortOrder(Map<String,Integer> mapofIdSortOrder){

  system.debug('mapofIdSortOrder size---'+ mapofIdSortOrder.size());

}

Map<String,Integer> mapofIdSortOrder is showing empty in debug log in salesforce.

Seems it's not getting correctly passed from aura controller.

Please tell me where am I going wrong.

Answer 1

What is think is the Obj that you are referring is a map type is JS

you can convert that Map to Object with below code

var obj = {'0QL8W000006RHl1WAG'=>1,'0QL8W000006RHl0WAG'=>2,'0QL8W000006RHl2WAG'=>3}

const newObj = Object.fromEntries(obj);

var action= component.get('c.updateSortOrder');

action.setParams(
{"mapofIdSortOrder" : newObj}
);        


action.setCallback(this, function(response) {
    var state = response.getState();
    if (state === "SUCCESS") {
        // handle success
    } else if (state === "ERROR") {
        // handle error
    }
});

$A.enqueueAction(action);