Detaillierte Erläuterung der Json-Durchlaufschritte mit jquery

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte geben, die jquery zum Durchqueren von Json benötigt.

Übersicht

JSON (

Javascript

Object Notation) ist ein leichtes Datenaustauschformat, das eine vollständige Sprachunabhängigkeit verwendet Textformat, ideal für den Datenaustausch. Gleichzeitig ist JSON ein natives JavaScript-Format, was bedeutet, dass für die Verarbeitung von JSON-Daten in JavaScript keine spezielle API oder ein spezielles Toolkit erforderlich ist. In JSON gibt es zwei Strukturen: Objekte und Arrays.

1. Objekt Ein Objekt beginnt mit „{“ und endet mit „}“. Auf jeden „Schlüssel“ folgt ein „:“, und „‚Schlüssel/Wert‘-Paare“ werden durch „“,“ getrennt.

packJson = {"name":"caibaojian.com", "password":"111"}

2. Array

packJson = [{"name":"caibaojian.com", "password":"111"}, {"name":"tony", "password":"111"}];

Ein Array ist eine geordnete Sammlung von Werten. Ein Array beginnt mit „[“ und endet mit „]“. Verwenden Sie ",", um Werte zu trennen.

Konvertierung von JSON-Objekten und JSONStringsIm Datenübertragungsprozess ist JSON Text, das heißt Es wird in Form einer Zeichenfolge übergeben und JS arbeitet mit JSON-Objekten, sodass die Konvertierung zwischen JSON-Objekten und JSON-Zeichenfolgen der Schlüssel ist. Zum Beispiel:

JSON-String:

var jsonStr = '{"name":"caibaojian", "password":"1111"}';

JSON-Objekt:

var jsonObj = {"name":"caibaojian.com", "password":"1111"};

1. String in Json-Objekt konvertieren

var jsonObj = eval('(' + jsonStr + ')');

2. Json-Objekt in String konvertieren

var jsonStr = jsonObj.toJSONString();

jQuery durchläuft JSON-Objekt

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>

each

<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>

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>

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>

Native js traverse json object

Traverse json object:

Unregelmäßig:

<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>

Regulär:

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);
}

Sie können dies auch verwenden:

for(var i = 0; i < packJson.length; i++){
  alert(packJson[i].name + " " + packJson[i].password);
}

JSON-Objekte durchqueren

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

hat die folgenden JSON-Objekte:

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zu PHP Chinesische Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte der ASP-Verarbeitung von JSON-Daten

Detaillierte Erläuterung der Methode der direkten JSON in HTML anzeigen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Json-Durchlaufschritte mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!