JS: change params format from hash to array

Question

I have this piece of JS, where I have create action with Ajax:

$(document).ready(function() {
    editor = new $.fn.dataTable.Editor( {
      table: "#user_groups_table",
      template: '#user_groups_form',
      display: "details",
      idSrc: "id",
      ajax: {
          create: {
              type: 'POST',
              url:  '/strongbolt/user_groups',
          }
      },
      fields: [ {
              name: "name"
          }, {
              name: "description"
          }, {
              type: "checkbox",
              name: "users[].id",
              optionsPair: {
                label: 'name',
                value: 'id'
              }
            }, {
              type: "checkbox",
              name: "roles[].id",
              optionsPair: {
                label: 'name',
                value: 'id'
              }
            }
      ]
    } );

    editor.on( 'preSubmit', function ( e, data, action ) {
      if ( action === 'create' ) {
        data.strongbolt_user_group = {
            "name": data.data[0].name,
            "description": data.data[0].description,
            "user_ids": data.data[0].users,
            "role_ids": data.data[0].roles
        };
        delete data.data;
      }
    } );

The last section which starts with editor.on( 'preSubmit', function ( e, data, action ) { basically modifies data before they are passed to server.

At the moment I get my params in terminal like this:

{
  "strongbolt_user_group"=>{
    "name"=>"Some test group",
    "description"=>"Some test description",
    "user_ids"=>{"0"=>{"id"=>"3"}, "1"=>{"id"=>"2"}, "2"=>{"id"=>"5"}}, 
    "role_ids"=>{"0"=>{"id"=>"1"}, "1"=>{"id"=>"2"}}
  }
}

however I need it to be like this:

{
  "strongbolt_user_group"=>{
    "name"=>"Some test group",
    "description"=>"Some test description",
    "user_ids"=>["3", "2", "5"], 
    "role_ids"=>["1", "2"]
  }
}

Basically I need user_ids and role_ids to be array. How do I modify this in my JS, please? Thank you!

"user_ids"=>{"0"=>{"id"=>"3"}, "1"=>{"id"=>"2"}, "2"=>{"id"=>"5"}} from where u getting this data? Its not JavaScript array or object .Look like PHP — RIYAJ KHAN
– RIYAJ KHAN, Commented Jun 28, 2017 at 4:25
@RIYAJKHAN It's params passed from JS form input - not PHP. I use Rails and that's why I need to modify my params to array. — matiss
– matiss, Commented Jun 28, 2017 at 4:28
@RIYAJKHAN Probably... basically this is is what I see in my terminal. Main thing is I need those user_ids and role_ids to be array like in my example. — matiss
– matiss, Commented Jun 28, 2017 at 4:31
its better if you do this in rail context and not in JS.Its rails associate array styntax.Can please try to console the same object in Browser console? and then share the result — RIYAJ KHAN
– RIYAJ KHAN, Commented Jun 28, 2017 at 4:35

ibrahim mahrir · Accepted Answer · 2017-06-28 04:43:18Z

1

You have to map the array (or array-like object) of objects to an array of their ids:

"user_ids": Array.prototype.map.call(data.data[0].users, function(o) { return o.id; }),

If you are certain that data.data[0].users is an array, then just use map without call like:

"user_ids": data.data[0].users.map(function(o) { return o.id; }),

or even shorter in ES 6's arrow functions:

"user_ids": data.data[0].users.map(o => o.id),

Note: same applies for role_ids.

answered Jun 28, 2017 at 4:43

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JS: change params format from hash to array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related