Comment créer et cloner un objet JSON?

Question

Je me demandais comment créer un objet JSON (JS), puis le cloner.

Answer 1

Comment créer un objet JSON dans javascript/jquery?

Il n'y a rien comme un objet JSON . JSON signifie JavaScript Object Notation et est fondamentalement une chaîne qui code des informations similaires aux littéraux d'objet de JavaScript.

Vous pouvez cependant créer un tel encodage (qui entraînerait une chaîne ) avec JSON.stringify(object), voir JSON in JavaScript. Vous pouvez également créer une telle chaîne manuellement, mais elle est très sujette aux erreurs et je ne la recommande pas.

Comment cloner un objet JSON dans javascript/jquery?

Comme il est juste une chaîne:

var jsonString2 = jsonString; 

Je ne peux pas plus travailler avec des tableaux javascript

JSON est un format d'échange données, il est une structure de données que vous pouvez utiliser dans une application.

---

Peut-être que vous voulez en savoir plus sur JSON, objects à JS et arrays à JS.

Answer 2

C'est un problème que j'ai souvent rencontré lors de l'analyse de JSON et de sa réutilisation plusieurs fois dans le code. Et vous voulez éviter de ré-analyser chaque fois à partir de la chaîne JSON d'origine, ou d'aller de la manière serialize/parse qui est le moyen le moins efficace. Par conséquent, dans les cas où vous souhaitez ajuster l'objet analysé tout en conservant l'original inchangé, utilisez la fonction suivante sur le serveur (NodeJs) ou sur le code javascript du client. La fonction jQuery clone est moins efficace, car ils traitent les cas pour les fonctions, etc., regexp La fonction ci-dessous, ne traite les types pris en charge JSON (null, non défini, nombre, chaîne, tableau et objet):

function cloneJSON(obj) { 
    // basic type deep copy 
    if (obj === null || obj === undefined || typeof obj !== 'object') { 
     return obj 
    } 
    // array deep copy 
    if (obj instanceof Array) { 
     var cloneA = []; 
     for (var i = 0; i < obj.length; ++i) { 
      cloneA[i] = cloneJSON(obj[i]); 
     }    
     return cloneA; 
    }     
    // object deep copy 
    var cloneO = {}; 
    for (var i in obj) { 
     cloneO[i] = cloneJSON(obj[i]); 
    }     
    return cloneO; 
} 

Answer 3

C'est ce que je fais et il fonctionne comme un charme

if (typeof JSON.clone !== "function") { 
    JSON.clone = function(obj) { 
     return JSON.parse(JSON.stringify(obj)); 
    }; 
} 

Answer 4

Q1: Comment créer un objet JSON en javascript/jquery?

Création d'un objet Javascript est si simple:

var user = {}; // creates an empty user object 
var user = {firstName:"John", lastName:"Doe"}; // creates a user by initializing 
// its firstName and lastName properties. 

Après la création, vous pouvez ajouter des champs supplémentaires à votre objet comme user.age = 30;.

Si vous avez l'objet en tant que chaîne JSON, vous pouvez le convertir en objet JSON à l'aide de la fonction JSON.parse(yourJsonString) intégrée ou de la fonction $.parseJSON(yourJsonString) de jQuery.

Q2: Comment cloner un objet JSON dans javascript/jquery?

Ma façon de cloner des objets JSON est extend fonction de jQuery. Par exemple, vous pouvez générer un clone de votre objet utilisateur comme ci-dessous:

var cloneUser = $.extend(true, {}, {firstName:"John", lastName:"Doe"}); 

Le premier paramètre indique si l'objet clone sera une copie peu profonde ou profonde de l'original (voir Object copy sur le wiki).

Pour voir d'autres alternatives de clonage JSON, vous pouvez lire l'article this.

Answer 5

Il suffit de faire

var x = {} //some json object here 
var y = JSON.parse(JSON.stringify(x)); //new json object here 

Answer 6

Au ES6. Object.assign est un bon moyen de le faire.

newjsonobj = Object.assign({}, jsonobj, {}) 

Les éléments du premier argument muter l'objet existant, et le troisième argument des changements dans le nouvel objet retourné.

Dans ES7, il est proposé d'utiliser l'opérateur de répartition.

newjsonobj = {...jsonobj}