ホームページ > コンピューターのチュートリアル > コンピュータ知識 > JavaScriptでJSONを使用して変数とループを定義する方法

JavaScriptでJSONを使用して変数とループを定義する方法

PHPz
リリース: 2024-01-22 11:54:22
転載
1248 人が閲覧しました

JavaScriptでJSONを使用して変数とループを定義する方法

json で変数を定義し、JavaScript でループする方法

変数データ =

[

{状態: "進行中", タイトル: "環境改善と文明化された説得", タイプ: "コミュニティ開発", peoplenum:2000},

{state: "人材募集", title: "名山区は公共福祉協会と手を組む", type: "ボランティア活動", peoplenum:2},

{状態: "進行中"、タイトル: "環境改善と文明的説得"、タイプ: "社会福祉"、人番号:2000}

];

var html='';

html = '';';

html = '

';';

for (var i=0; i{

html = ''; ';

html = '';

html = '' data[i].title '

';

html = '採用:' data[i].peoplenum '人';

html = ' ' データ[i].state;

html = '

}

html = '

html = '

$("#div1").append(html);

js はどのようにして json 文字列を配列に変換しますか ###最初###

JSON.parse(jsonString)

2 番目のタイプ

eval("(" jsonString ")")

3番目のタイプ

var obj=(関数 ToJSON(o){

if(typeof(o)=="string")try{return new Function("return " o)();}catch(e){return null;}

})("[{名前:'張三',年齢:'24'},{名前:'リシ',年齢:'30'},{名前:'王武',年齢:'16'}, {名前:'tianqi'、年齢:'7'}]");

for(obj の変数 b)alert(obj[b].name);

js は json ファイルを解析してデータを取得します

返された文字列によると、複数の json に結合された js 配列の形式であることがわかります。

文字列のみが返される場合は、その文字列を js オブジェクトに変換する必要があります。

Jquery の $.each() メソッドを使用して js 配列をループし、各 json オブジェクトのデータを取得します。

1

2

3

4

5

6

str = '[{"キー":"値","キー":[{"キー1":"値1","キー2":"値2"},{"キー1":"値3","キー2 ":"value4"}],"obj":{"id":1,"msg":"success"}}]';

str_json = eval("(" str ")"); //文字列をjsオブジェクトに変換します

$.each(str_json,fucntion(a,b){

alert(a); //配列のキーをポップアップします

alert(b.id);//取り出したいデータをポップアップ表示する

});

空の値を持つ json を削除するための js ループ配列

###すべて展開###

var 結果 = [];

var item =[

{

"リソース ID":'',

###"文章":''、###

"コンテンツ記述": '',

"smallImg":'',

"existFlag":true

},

{

"リソースID":'7886',

"テキスト":'454',

"コンテンツ記述": '45',

"smallImg":'132',

"existFlag":true

},

{

"リソースID":'7886',

"テキスト":'454',

"コンテンツ記述": '45',

"smallImg":'132',

"existFlag":true

},

{

"リソース ID":'aaa',

"テキスト":'bbb',

"content_desc": 'ccc',

"smallImg":'ddd',

"existFlag":true

}、{

"リソース ID":'',

###"文章":''、###

"コンテンツ記述": '',

"smallImg":'',

"existFlag":true

}

];

for(var i=0;i var obj=item[i];

if(!!obj["resource_id"]){

結果.push(obj);

}

}

コンソール.ログ(結果);

以上がJavaScriptでJSONを使用して変数とループを定義する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:docexcel.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート