序文json を使用したことがある人なら、オブジェクトを文字列化してからバックエンドに送信するのが一般的な方法であることを知っているはずです。ただし、IE6-7 には JSON オブジェクトがないため、実装するには json2.js を使用する必要があります。 1. 古典的な用法varデータ = [ {名前: "Wukong", 性別: 1, 年齢: 30}, {名前: "Bajie", 性別:0, 年齢:20}, {名前: "Tang Monk"、性別: 1、年齢: 30} ]; //JavaScript 配列にはオブジェクトが含まれています //JavaScript オブジェクトを JSON 形式の文字列に変換します var str_json = JSON.stringify(data); コンソールにログ出力します。 //実行結果は次のとおりです: //[{"name":"悟空","sex":1,"age":30},{"name":"八戒","sex":0,"age":20},{"name":"唐僧","sex":1,"age":30}] とても簡単です!これは私たちが最もよく使う方法でもあります 2. 複雑なデータの抽出たとえば、当社のデータは非常に複雑で、アバター、ニックネーム、個人の署名などの情報が含まれています。しかし、ローカルに保存したので、ユーザー名と性別だけが必要です。どうすればいいですか? 2 番目のパラメータを指定してデータを走査し、再抽出することでこれを実行できます。 a. 従来のデータ抽出方法 varデータ = [ {名前: "Wukong", 性別: 1, 年齢: 30}, {名前: "Bajie", 性別:0, 年齢:20}, {名前: "Tang Monk"、性別: 1、年齢: 30} ]; // データを抽出する従来の方法 var new_data = []; (var i=0, new_data=[]; i<data.length; i++) の場合 { //行配列を構築する new_data.push({ 名前: データ[i].名前、 性別: データ[i].年齢 }); } var str_json = JSON.stringify(new_data); コンソールにログ出力します。 b. stringifyの2番目のパラメータを使用してデータを抽出します varデータ = [ {名前: "Wukong", 性別: 1, 年齢: 30}, {名前: "Bajie", 性別:0, 年齢:20}, {名前: "Tang Monk"、性別: 1、年齢: 30} ]; var str_json = JSON.stringify(data,["名前","年齢"]); コンソールにログ出力します。 //実行結果 //[{"name":"悟空","age":30},{"name":"八戒","age":20},{"name":"唐僧","age":30}] 2 番目のパラメータに必要なキー配列が渡される限り、この処理は非常に簡単に完了できます。 もちろん、1,0 を男性または女性に変更するなど、より複雑な処理をしたい場合は、2 番目のパラメーターをコールバック関数で処理できます。 varデータ = [ {名前: "Wukong", 性別: 1, 年齢: 30}, {名前: "Bajie", 性別:0, 年齢:20}, {名前: "Tang Monk"、性別: 1、年齢: 30} ]; var str_json = JSON.stringify(データ、関数(キー、値) { if(キー==="性別"){ ["男の子","女の子"][値]を返します。 } 戻り値; }); コンソールにログ出力します。 // [{"name":"悟空","sex":"女性","age":30},{"name":"八戒","sex":"男性","age":20},{"name":"唐僧","sex":"女性","age":30}] 3. 3番目のパラメータ「Wu Yong」非常に役に立たないパラメータで、基本的には決して使用されませんが、状況によって異なります。 varデータ = [ {名前: "Wukong", 性別: 1, 年齢: 30}, {名前: "Bajie", 性別:0, 年齢:20}, {名前: "Tang Monk"、性別: 1、年齢: 30} ]; var str_json = JSON.stringify(data,["名前","性別"],"\t"); コンソールにログ出力します。 /* [ { "名前": "悟空", 「セックス」: 1 }, { "名前": "バジエ", 「性別」: 0 }, { "名前": "唐僧", 「セックス」: 1 } ] */ わからない場合は、APIを確認してください developer.mozilla.org/en-US/docs/… 要約するJSON.stringify の使い方に関するこの記事はこれで終わりです。JSON.stringify の使い方に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Linux の vsftpd サービス構成の簡単な分析 (匿名、ユーザー、仮想ユーザー)
>>: Win10 での MySQL 8.0 ログインでユーザー 'root'@'localhost' のアクセスが拒否される (パスワード使用: YES) 問題の解決方法
今日も Watch アプリのデザインに関する話です。私はケーススタディが大好きなので、同じトピックを...
この記事には、細かい点は一切なく、カラーマッチングのテクニックをシェアするだけです。とてもシンプルで...
数日前、同僚がポイントモールプロジェクトを受け取りました。このプロジェクトには、カードやクーポンをギ...
ウェブサーバー1. Webサーバーは、wev、cgi、asp機能を無効にするなど、不要なIISコンポ...
div 要素は、HTML ドキュメント内のブロックレベル コンテンツの構造と背景を提供するために使用...
まず、データベース テーブルを作成します。 テーブル `t_demo` を作成します ( `id` ...
コアコード <!DOCTYPE html> <html lang="ja...
proxy_intercept_errors と recursive_error_pages を使...
この記事では、2番目のキルカウントダウンコンポーネントを実装するためのVueの具体的なコードを参考ま...
序文今日 GitHub を閲覧していたところ、SQL を最適化および書き換えるための sora とい...
1. フロントエンドエンジニアリングの複雑さいくつかの小さなデモ プログラムを開発するだけであれば、...
この記事では、MySQL での重複キー更新時の replace into と insert into...
データは貴重なものであることは誰もが知っています。データをバックアップしなければ、データをそのまま放...
1. まずテーブル作成ステートメントを見てみましょう テーブル学生を作成( sid int 主キー ...
目次1. はじめに2. 構成3. 作業プロセス4. 建築5. 表示例MHA (Master HA) ...