I have a jQuery function which returns me the following string
[{"email":"[email protected]"},{"password":"test"}]
and I want to convert it to this
{"email":"[email protected]","password":"test*"}
This is the code I'm currently using.
var obj = $.map(inputs, function (x, y) {
var ret = {};
ret[x.name] = $(x).val();
return ret;
});
var jsonData = JSON.stringify(obj);
var inputs = [{"email":"[email protected]"},{"password":"test"}];
var obj = {};
$.each(inputs, function(index, item) {
$.extend(obj, item);
});
You can use this:
var obj = {};
$('input').each(function(){
obj[this.type] = this.value
});
$('pre').html(JSON.stringify(obj));<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='email' value='[email protected]'><br>
<input type='password' value='123456'><br>
<pre></pre>If you receives a string, just do it:
var myNewJson = JSON.parse(your_string);
But, I saw you are converting an array of object in a unique object. Is it you want? You can use .reduce(). More info here Array.prototype.reduce()
change it to
var obj = {}
$.map(inputs, function (x, y) {
obj [x.name] = $(x).val();
});
var jsonData = JSON.stringify(obj);
var obj = $.map(inputs, function (x, y) {
var ret = {};
ret[x.name] = $(x).val();
return ret;
});
Simply because you are creating a new object var ret = {}; every time and setting only one value to it and then push it into an array ret[x.name] = $(x).val();. This array then you are returning return ret; which becomes part of your obj.
So, your object obj is basically an array of objects ret which has only one key x.name and value $(x).val().
By changing your code to the one I have given you will be able to get an object (which you intend to achieve) instead on an array (which you want to transform into an object).
var obj = $.extend({},json1,json2); console.log(obj);try from api.jquery.com/jquery.extend