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

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

Jan 22, 2024 am 11:54 AM

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

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Steam Cloudエラーを修正する方法は?これらの方法を試してください Steam Cloudエラーを修正する方法は?これらの方法を試してください Apr 04, 2025 am 01:51 AM

Steam Cloudエラーは、多くの理由によって引き起こされる可能性があります。ゲームをスムーズにプレイするには、ゲームを開始する前にこのエラーを削除するためにいくつかの対策を講じる必要があります。 PHP.CNソフトウェアは、この投稿でより有用な情報と同様に、いくつかの最良の方法を紹介します。

Windowsメタデータとインターネットサービスの問題:修正方法は? Windowsメタデータとインターネットサービスの問題:修正方法は? Apr 02, 2025 pm 03:57 PM

「Windowsメタデータとインターネットサービス(WMIS)への接続が確立できなかった」が表示される場合があります。イベントビューアのエラー。 PHP.CNからのこの投稿では、Windowsメタデータとインターネットサービスの問題を削除する方法を紹介します。

KB5035942の更新問題を解決する方法 - クラッシュシステム KB5035942の更新問題を解決する方法 - クラッシュシステム Apr 02, 2025 pm 04:16 PM

KB5035942更新問題 - クラッシュシステムは一般にユーザーに発生します。 Imburitedの人々は、クラッシュするシステム、インストール、健全な問題など、一種のトラブルから抜け出す方法を見つけることを望んでいます。これらの状況をターゲットにして、この投稿はphp.cn wilが発行しました

修正 -  PCに写真をアップロードしないOneDrive 修正 - PCに写真をアップロードしないOneDrive Apr 02, 2025 pm 04:04 PM

OneDriveは、Microsoftのオンラインクラウドストレージサービスです。時には、OneDriveがクラウドに写真をアップロードできないことがわかります。同じボートに乗っている場合は、PHP.CNソフトウェアからこの投稿を読んで、今すぐ効果的なソリューションを取得してください!

Chris Titusツールを使用して、Debloated Win11/10 ISOを作成する方法 Chris Titusツールを使用して、Debloated Win11/10 ISOを作成する方法 Apr 01, 2025 am 03:15 AM

Chris Titus Techには、Windowsユーティリティと呼ばれるツールがあります。これにより、Debloated Windows 11/10 ISOを簡単に作成してクリーンシステムをインストールできます。 PHP.CNは、Chris Titusツールを使用してこのことを行う方法に関する完全なガイドを提供しています。

PC App Storeマルウェアを削除します - あなたのための完全なガイド! PC App Storeマルウェアを削除します - あなたのための完全なガイド! Apr 04, 2025 am 01:41 AM

コンピューターにPC App Storeというプログラムがあり、意図的にインストールしていない場合は、PCがマルウェアに感染する可能性があります。 PHP.CNからのこの投稿では、PC App Storeマルウェアを削除する方法を紹介します。

msconfigは選択的なスタートアップに戻り続けますか?ここで2つのソリューション msconfigは選択的なスタートアップに戻り続けますか?ここで2つのソリューション Mar 28, 2025 pm 12:06 PM

MsconfigがWindowsの選択的な起動に戻っているという問題について質問されていますか?必要な場合は、通常のスタートアップに切り替える方法は?このphp.cn投稿で説明されている方法を試して、あなたに合ったものを見つけてください。

修正:兄弟:起動/読み込みではない2人の息子のリメイクの物語 修正:兄弟:起動/読み込みではない2人の息子のリメイクの物語 Apr 02, 2025 am 02:40 AM

兄弟:2人の息子のリメイクの物語が起動していませんか?兄弟と出会う:2人の息子の物語が黒いスクリーンをリメイクしますか?ここでは、PHP.CNに関するこの投稿では、この問題に対処するのに役立つソリューションをテストしています。

See all articles