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

Explication détaillée des étapes de traversée Json avec jquery

php中世界最好的语言
Libérer: 2018-04-25 14:14:31
original
888 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée des étapes à suivre pour que jquery traverse Json. Quelles sont les précautions pour que jquery traverse Json. Ce qui suit est un cas pratique, jetons un coup d'œil.

Vue d'ensemble

JSON (javascript Object Notation) est un format d'échange de données léger qui utilise un format d'échange de données complet indépendant de la langue. format de texte idéal pour l'échange de données. Dans le même temps, JSON est un format natif JavaScript, ce qui signifie que le traitement des données JSON en JavaScript ne nécessite aucune API ou boîte à outils spéciale.

En JSON, il existe deux structures : les objets et les tableaux.

1. Objet

Un objet commence par "{" et se termine par "}". Chaque "clé" est suivie d'un ":" et les "paires 'clé/valeur'" sont séparées par ",".

packJson = {"name":"caibaojian.com", "password":"111"}
Copier après la connexion

2. Tableau

packJson = [{"name":"caibaojian.com", "password":"111"}, {"name":"tony", "password":"111"}];
Copier après la connexion

Un tableau est une collection ordonnée de valeurs. Un tableau commence par "[" et se termine par "]". Utilisez "," pour séparer les valeurs.

Conversion d'objets JSON et de chaînes JSON

Dans le processus de transmission de données, json est du texte, c'est-à-dire qu'il est transmis sous la forme d'une chaîne et JS opère sur les objets JSON, donc la conversion entre les objets JSON et les chaînes JSON est la clé. Par exemple :

Chaîne JSON :

var jsonStr = '{"name":"caibaojian", "password":"1111"}';
Copier après la connexion

Objet JSON :

var jsonObj = {"name":"caibaojian.com", "password":"1111"};
Copier après la connexion

1. en objet Json

var jsonObj = eval('(' + jsonStr + ')');
Copier après la connexion

2. Objet Json converti en chaîne String

var jsonStr = jsonObj.toJSONString();
Copier après la connexion

jQuery itère sur les objets json

grep

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var array = [1,2,3,4,5,6,7,8,9];
var filterarray = $.grep(array,function(value){
return value > 5;//筛选出大于5的
});
for(var i=0;i<filterarray.length;i++){
alert(filterarray[i]);
}
for (key in filterarray){
alert(filterarray[key]);
}
}
);
</script>
Copier après la connexion

chacun

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anObject = {one:1,two:2,three:3};//对json数组each
$.each(anObject,function(name,value) {
alert(name);
alert(value);
});
var anArray = ['one','two','three'];
$.each(anArray,function(n,value){
alert(n);
alert(value);
}
);
}
);
</script>
Copier après la connexion

inArray

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anArray = ['one','two','three'];
var index = $.inArray('two',anArray);
alert(index);//返回该值在数组中的键值,返回1
alert(anArray[index]);//value is two
}
);
</script>
Copier après la connexion

map

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var strings = ['0','1','2','3','4','S','6'];
var values = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
}
);
for (key in values) {
alert(values[key]);
}
}
);
</script>
Copier après la connexion

Js natif traverse l'objet json

Traverser des objets json :

Irrégulier :

<script>
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
alert(key+':'+json[i][key]);
}
}
</script>
Copier après la connexion

Régulier :

packJson = [
{"name":"nikita", "password":"1111"},
{"name":"tony", "password":"2222"}
];
for(var p in packJson){//遍历json数组时,这么写p为索引,0,1
  alert(packJson[p].name + " " + packJson[p].password);
}
Copier après la connexion

Vous pouvez également utiliser ceci :

for(var i = 0; i < packJson.length; i++){
  alert(packJson[i].name + " " + packJson[i].password);
}
Copier après la connexion

Traverser des objets json

myJson = {"name":"caibaojian", "password":"1111"};
for(var p in myJson){//遍历json对象的每个key/value对,p为key
  alert(p + " " + myJson[p]);
}
Copier après la connexion

Il existe les objets json suivants :

var obj ={"name":"冯娟","password":"123456","department":"技术部","sex":"女","old":30};
遍历方法:
for(var p in obj){
str = str+obj[p]+',';
return str;
}
Copier après la connexion

Croyez-le ou non Après avoir lu le cas dans cet article, vous maîtrisez la méthode. 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 des étapes de traitement asp des données json

Explication détaillée de la méthode de directement afficher JSON en html

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