Turn массив объектов в JSON с помощью JavaScript или JQuery

Question

Я приходить динамические данные в свой веб-сайт, как это:

[{ 
    "itemOne": { 
    "url": "www", 
    "name": "Bob" 
    }, 
    "itemTwo": { 
    "url": "www", 
    "name": "fred" 
    } 
}] 

Использование JQuery или JavaScript, я хотел бы, чтобы включить эти данные в формате JSON, поэтому он будет структурирована например:

"products": { 
    "itemOne": { 
     "url": pageUrl, 
     "name": productName 
    }, 
    "itemTwo": { 
     "url": pageUrl, 
     "name": productName, 
    } 
} 

Возможно ли это? Если да, то как мне это сделать?

Answer 1

Для этого вы можете просто взять первый объект из массива и установить его как значение свойства product нового объекта. Если вам нужно включить этот объект в JSON, вызовите JSON.stringify на результат. Попробуйте это:

var arr = [{ 
 
    "itemOne": { 
 
    "url": "www", 
 
    "name": "Bob" 
 
    }, 
 
    "itemTwo": { 
 
    "url": "www", 
 
    "name": "fred" 
 
    } 
 
}] 
 

 
var obj = { 
 
    products: arr[0] 
 
} 
 

 
var json = JSON.stringify(obj); 
 
console.log(json);

Answer 2

Ваша терминология запутаться. JSON - текстовый, удобный для пользователя, безопасный для обмена данными формат обмена данными. Ваш первый фрагмент is JSON.

Если вы хотите, чтобы превратить это первый фрагмент кода в то, что JavaScript может использовать, а затем ...

var products = JSON.parse(data); 
/* 'products' = an array of Objects */ 

Если вы хотите превратить «продуктов» обратно в JSON после того, как вы сделали что-то с ним , то ...

var json_string = JSON.stringify(products, null, 4); 
/* 'json_string' is now a 
    JSON-compatible text version 
    of 'products' with indentation 
    of 4-spaces */ 

См: JSON @ MDN и www.json.org