向对象响应添加键值

Question

  $.post("./bigData.php", {'username': username}, function(response) {

            console.log(response);
            var bigUser = response[username]; // attempt one
            var bigUser2 = username.response; // attempt two

       });

My above response consoles like below:

{"userSumData":[{"id":"slz1","checked":false},{"id":"slz2","checked":false},{"id":"slz3","checked":false},{"id":"slz4","checked":false}, ....."Map":true}

My desired result is this:

{"steven":{"userSumData":[{"id":"slz1","checked":false},{"id":"slz2","checked":false},{"id":"slz3","checked":false},{"id":"slz4","checked":false}, ....."Map":true}}

I have tried dot notation and square bracket after my response , all just wipe the data out.

Answer 1

I think it's rather simple if I get it right. Try this ... notation. If it isn't what you want, please comment it out :)

 const obj = {"userSumData":[{"id":"slz1","checked":false},{"id":"slz2","checked":false},{"id":"slz3","checked":false},{"id":"slz4","checked":false}],"Map":true}; const name = "steven" const newObj = {[name]: {...obj}} console.log(newObj)

Answer 2

First of all i think that you have JSON format of your data, to convert it into Object you have to use ;

You are trying to mutate your response object, don't do it, instead create a new object with the same properties. If i correctly understand your question, you can create a new object using

ES6: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

    let my_object = { inside_object : { steven: { ...response  } }}

ES5: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

    let my_object = { inside_object : { steven: Object.assign({}, response) }}

Answer 3

You are just assigning to a variable, not an Object property. You need to create an Object, then assign your response to a nameVar property of that Object, like:

$.post('bigData.php', {username: username}, response=>{
  const obj = {[nameVar]:response}; // notice that we are creating an object and assigning it a variable called obj which has a steven property
  console.log(obj[nameVar]);
}, 'json');

You should, of course, understand asynchronous activity. In other words, if you want to use that obj it must be used with the function body that contains your response . It will not be available outside that. You can always create a Promise structure, but that is really just a syntactical indention reducing implementation of the same thing.