Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée des étapes pour parcourir dynamiquement les propriétés et les valeurs des objets Json à l'aide de jquery

php中世界最好的语言
Libérer: 2018-04-25 15:22:59
original
2061 Les gens l'ont consulté

Cette fois, je vais vous donner une explication détaillée des étapes à suivre pour utiliser jquery pour parcourir dynamiquement les propriétés et les valeurs des objets Json. Quelles sont les précautions pour utiliser jquery pour parcourir dynamiquement Json. Propriétés et valeurs des objets. Voici Jetons un coup d'œil à des cas pratiques.

1. Parcourez les attributs de l'objet json

//定义json对象
 var person= {
 name: 'zhangsan',
 pass: '123',
 fn: function(){
   alert(this.name+"的密码="+this.pass);
 }
 }
 //遍历person属性包括方法,如果不想显示出方法,可用typeof(person[item])== "function"来判断
 for(var item in person){
 alert("person中"+item+"的值="+person[item]);
 }
Copier après la connexion

2. Ajoutez dynamiquement des attributs à l'objet json

Vous devez utiliser l'objet personne en 1

var copyPerson={}  //创建copyPerson对象,将person中的属性包括方法copy给该对象
 for(var item in person){
 copyPerson[item]= person[item];  //这样循环就可以将person中的属性包括方法copy到copyPerson中了
 }
 
 for(var item in copyPerson){
 alert("copyPerson中"+item+"的值="+person[item]);
 }
Copier après la connexion
Remarque : en utilisant Ext.apply(copyPerson, person), vous pouvez également copier tous les attributs en personne, y compris les méthodes pour copyPerson

3. Parcourez les propriétés des objets js ordinaires

//定义一个普通的js类,包含方法
 var p= function (){
 this.name= '李四';
 this.pass= '456';
 this.fn= function(){
  alert(this.name+"的密码="+this.pass);
 }
 
 }
 var pp= new p();  //生成一个p类的对象 pp
 
 for(var item in pp){
 
 //遍历pp对象中的属性,只显示出 非函数的 属性,注意不能 遍历 p这个类
 if(typeof(pp[item])== "function")
  continue;
 alert("p对象中"+item+"的属性="+pp[item]);
 }
Copier après la connexion
Les objets js ordinaires peuvent également être copiés, les méthodes de copie et 2. Idées pour ajout dynamique d'attributs aux objets json Idem.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation de la file d'attente de requêtes AJAX

jQuery+ajax utilise get() fonction pour lire les étapes de la page Explication détaillée

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!