今回は、jquery が Json をトラバースするための手順について詳しく説明します。jquery が Json をトラバースするための 注意事項 について、実際のケースを見てみましょう。
概要
JSON (javascript Object記法) は、完全に言語に依存しないテキスト形式を使用する軽量のデータ交換形式であり、理想的なデータ交換形式です。同時に、JSON は JavaScript ネイティブ形式であるため、JavaScript での JSON データの処理には特別な API やツールキットは必要ありません。
JSON には、オブジェクトと配列という 2 つの構造があります。
1. オブジェクト
オブジェクトは「{」で始まり「}」で終わります。各「キー」の後には「:」が続き、「「キー/値」のペア」は「,」で区切られます。
packJson = {"name":"caibaojian.com", "password":"111"}
2. 配列
packJson = [{"name":"caibaojian.com", "password":"111"}, {"name":"tony", "password":"111"}];
配列は、順序付けられた値のコレクションです。配列は「[」で始まり「]」で終わります。値を区切るには「,」を使用します。
JSONオブジェクトとJSON文字列の変換
データ送信処理において、jsonはテキスト、つまり文字列の形で渡され、JSはJSONオブジェクトに対して動作するため、JSONオブジェクトとJSON
文字列の間の変換が行われます。 JSON 文字列がキーです。例:JSON 文字列:
var jsonStr = '{"name":"caibaojian", "password":"1111"}';
var jsonObj = {"name":"caibaojian.com", "password":"1111"};
2. Json オブジェクトを文字列 string に変換します
jQuery は json オブジェクトを反復処理します
grep
var jsonObj = eval('(' + jsonStr + ')');
each
var jsonStr = jsonObj.toJSONString();
inArray
<script type='text/javascript' 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>
map
<script type='text/javascript' 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>
native js traverse j息子オブジェクト
json オブジェクトをトラバースします:
不規則:
<script type='text/javascript' 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>
規則性あり:
<script type='text/javascript' 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>
これも使えます:
<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>
json オブジェクトの走査
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); }
次の json オブジェクトがあります:
for(var i = 0; i < packJson.length; i++){ alert(packJson[i].name + " " + packJson[i].password); }
これでメソッドはマスターできたと思います。この記事の事例を読んで、さらにエキサイティングな内容については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
以上がjqueryを使用したJsonトラバーサル手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。