如何在javascript中更改数组对象的索引和值

Question

I have this Javascript Object as below format but I want to convert it to another format as below: I've pass value form let data = $('#clientForm').serializeArray(); Original format

 let data = $('#clientForm').serializeArray();
 { name="addr_types",  value="RESID"}

Wanted Format

 {addr_types:"RESID"}

Or another format

 {"addr_types":"RESID"}

Answer 1

Assuming a valid object, you could just assign the wanted property with the given key/value pair.

 var source = { name: "addr_types", value: "RESID" }, target = {}; target[source.name] = source.value; console.log(target);

ES6 with computed property

 var source = { name: "addr_types", value: "RESID" }, target = { [source.name]: source.value }; console.log(target);

Answer 2

Given that your original object is a correct one

 var original = { name: "addr_types", value: "RESID" }; console.log(original); var newName = original.name; var newValue = original.value; var newObject = {}; newObject[newName] = newValue; console.log(newObject);

Answer 3

You can simply do it using .map() function. bellow is the example.

var original = [{
  name: "addr_types",
  value: "Work"
},{
  name: "village",
  value: "Vang Tobang"
},{
  name: "commune",
  value: "Tang Krasang"
},{
  name: "destric",
  value: ""
},{
  name: "city",
  value: "Com Pong Thom"
},{
  name: "country",
  value: "combodia"
},
];

newArray = original.map(function(item){
             return {[item.name]: item.value}
           });

If your data container is not array then you can simply create as like bellow.

newArray = [original].map(function(item){
         return {[item.name]: item.value}
       });

Here is the jsfiddle link: https://jsfiddle.net/kzrngch6/