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;

function test(){}

window.test = function(){}

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

② 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());

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'}]

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

//假设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)

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!