jqueryを使用したJsonトラバーサル手順の詳細な説明

php中世界最好的语言
リリース: 2018-04-25 14:14:31
オリジナル
869 人が閲覧しました

今回は、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"}';
ログイン後にコピー
JSON オブジェクト:

var jsonObj = {"name":"caibaojian.com", "password":"1111"};
ログイン後にコピー
1. 文字列を Json オブジェクトに変換します

2. Json オブジェクトを文字列 string に変換します

jQuery は json オブジェクトを反復処理します

grep

var jsonObj = eval('(' + jsonStr + ')');
ログイン後にコピー

each

var jsonStr = jsonObj.toJSONString();
ログイン後にコピー

inArray

<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>
ログイン後にコピー

map

<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>
ログイン後にコピー

native js traverse j息子オブジェクト

json オブジェクトをトラバースします:

不規則:

<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>
ログイン後にコピー

規則性あり:

<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>
ログイン後にコピー

これも使えます:

<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 サイトの他の関連記事に注目してください。

推奨読書:

ASPがJSONデータを処理する手順の詳細な説明

htmlJSONを直接表示する方法の詳細な説明

以上がjqueryを使用したJsonトラバーサル手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!