Convert PHP array of JSON to JavaScript object in AJAX

Question

I am working on a AJAX feature of PHP and JavaScript. My PHP code is like below.

$volunteers = get_post_meta($_POST[element_id], "volunteers", false);
$users = array();

    foreach ($volunteers as $volunteer) {
        $users[] = ['id'=>$volunteer['ID'], 'text'=>$volunteer['display_name']];
    }

    echo json_encode($users);

    die;

Output of this code is like below.

But I need JavaScript Objects like below.

var data = {
    id: 1,
    text: 'Barn owl'
};

How can I convert PHP arrays to JavaScript Objects?

Answer 1

What you've got there is an array of objects already.

So if the response data from the AJAX/PHP is in a variable called response (and has been parsed with JSON.parse ) then var data = response[0] will give you the first object in the list, and it will put it into the data variable, and it will have the structure you've requested (because it already has that when it's stored in the array - all we're doing here is copying it to a separate variable).