Exemples d'opérations de base sur des objets JSON en JavaScript (tutoriel graphique)

Le format JSON provient d'objets et de tableaux en JavaScript, js est donc naturellement le plus simple et le plus primitif à utiliser. Examinons ensuite quelques exemples couramment utilisés d'opérations de base sur des objets JSON en JavaScript

Objet JSON

1. Attributs d'objet :
Les attributs d'un objet sont composés de paires clé-valeur, où la clé est une chaîne et la valeur peut être pour n’importe quel objet Javascript.

//使用[]设置和获取对象的属性
var obj = new Object();
obj["www.jb51.net"] = "http://www.jb51.net";
alert(obj["www.jb51.net"]);

2. Les variables sont des attributs :
Le moteur Javascript construira un objet global lors de l'initialisation, et toutes les variables. Ce sont toutes des propriétés de cet objet global. Afin de référencer cet objet global, vous pouvez l'obtenir dans le scope de niveau supérieur comme ceci :

var global = this;

En Javascript, toute fonction ou variable indépendante appartient à cet objet Attributs, à savoir :

function test(){}

est équivalent à :

window.test = function(){}

3. Utilisation d'objets :
Trois façons de déclarer des objets :

① Créez un objet Object via l'opérateur new, puis ajoutez dynamiquement des attributs pour construire un objet à partir de scratch.

② Définissez la forme ronde de l'objet, puis utilisez l'opérateur new pour construire de nouveaux objets par lots

//创建一个对象
function User(username, password){
  this.username = username;
  this.password = password;
  this.getUsername = function(){
    return this.username;
  }
  this.getPassword = function(){
    return this.password;
  }
}
var arthinking = new User("Jason", "123");
alert(arthinking.getUsername());
alert(arthinking.getPassword());

③ Utilisez l'objet de construction JSON

JSON est une notation d'objet Javascript, ce qui signifie représenter un objet à travers des littéraux :

//JSON形式创建一个对象
var arthinking = {
  username : "Jason",
  password : "123",
  favorite : {
    sports : "football",
    music : "Guitar"
  }
}
alert(arthinking.username);
alert(arthinking.favorite.sports);

Analyser le JSON renvoyé par le serveur Formater les données
Objet JSON unique :

[{a:'1',b'2'},{a:'3',b'4'}]

Objets JSON multiples :

{
"usergroups":[{a:'001',b:'arthinking'},a:'002',b:'Jason'}],
"groups":[{c:'001',d:'IT宅'}]
}

Vous pouvez d'abord encapsuler les données qui doivent être transmises depuis le backend selon ce format. Après les avoir obtenues depuis le frontend, vous pouvez analyser et obtenir les données comme ceci :

//假设response.responseText为返回的JSON字符串
//可以使用eval()函数把JSON字符串转换成Javascript语句
//再通过”.”导航获取具体属性，length属性为对象的长度
var obj = eval( "(" + response.responseText + ")" );
for(var i = 0; i<obj.usergroups.length; i++){
  var groupid = obj.usergroups[i].a;
  var usergroup=obj.groups;
  for(var j=0; j<usergroup.length; j++){
    if(usergroup[j].c == groupid){
      alert(groupid);
 }
  }
}

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

javascriptImplémentation de la fonction objet Map en Java (réponse détaillée, code joint)

Sept façons de créer des objets en JavaScript (résumé, à lire absolument)

Constructeur JavaScript et nouvel opérateur (souligné, à lire)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!