javascript - How to create a json data using two arrays and return it to ajax - Stack Overflow

admin管理员组

文章数量:1325236

key:[id,name,address]

value:[7,John,NewYork]

I wish to create a json data like{"id": 7, "name": "John", "address": "NewYork"} using for(...){...},

and then return it to ajax

$.ajax({                                
    //what kind of format should json data be here? 
    data:??json data??,
    dataType: 'json',
});

Please help me

key:[id,name,address]

value:[7,John,NewYork]

I wish to create a json data like{"id": 7, "name": "John", "address": "NewYork"} using for(...){...},

and then return it to ajax

$.ajax({                                
    //what kind of format should json data be here? 
    data:??json data??,
    dataType: 'json',
});

Please help me

• javascript
• jquery
• arrays
• json
• ajax

Share Improve this question Follow asked Apr 30, 2016 at 14:37 peterpeter 6111 silver badge22 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

To the first part of your question:

You could use Array#forEach() and assign all properties with the correspondet value.

var key = ['id', 'name', 'address'],
    value = [7, 'John', 'New York'],
    object = {};

key.forEach(function (k, i) {
    object[k] = value[i];
})

document.write('<pre>' + JSON.stringify(object, 0, 4) + '</pre>');

You could:

• iterate through both arrays...

• ...add the 1st array element to an empty obj as a key...

• ...and assign the 2nd array element to the 1st array element as it's value.

• Each iteration will be paired as key/value when stringified as a JSON.

I'm surprised it actually worked, take a look at the demo below:

SNIPPET

var x = ['id', 'name', 'address'];

var y = [7, 'John', 'NewYork'];

function arrMerge(k, v) {

  var obj = {};

  for (var i = 0; i < k.length; i++) {

    obj[k[i]] = v[i];
  }

  return obj;
}

var z = arrMerge(x, y);

var json = JSON.stringify(z);

console.log(json);

You can write a general function that zips two arrays together into an object if they're of equal length (also assuming they're in the correct order).

function zip(arr1, arr2) {
  if (arr1.length !== arr2.length) return false;
  const obj = {};
  for (let i = 0; i < arr1.length; i++) {
    const key = arr1[i];
    obj[key] = arr2[i];
  }
  return obj;
}

zip(arr1, arr2); // { id: 7, name: "John", address: "NewYork" }

DEMO

You can then use that object as the value of data in your AJAX process.

data

Type: PlainObject or String or Array

Data to be sent to the server. It is converted to a query string, if not already a string.

jQuery documentation

I guess unlike forEach, since it returns the result, Array.prototype.reduce() es very handy for these operations. You can even use it at the stage of declaring your JSON data (jData here).

var   key = ['id', 'name', 'address'],
    value = [7, 'John', 'New York'],
    jData = JSON.stringify(key.reduce((p,c,i) => {p[c] = value[i]; return p},{}));
document.write("<pre>" + jData + "</pre>");

本文标签： javascriptHow to create a json data using two arrays and return it to ajaxStack Overflow