ホームページ >ウェブフロントエンド >jsチュートリアル >JSONオブジェクトと配列キー値の大文字小文字変換問題の詳細説明
この記事では、主に JSON オブジェクトと配列キー値の詳細なケース変換に関する関連情報をサンプル コードを通じて詳しく紹介します。これは、あらゆる人の学習や作業に役立つものです。友達が必要です、一緒に勉強しましょう。
前書き
最近、あるプロジェクトに取り組んでいたところ、バックエンドから返されるデータキーの値がすべて大文字であることがわかりました。フロントエンドを使用するのが非常に不便な場合があるため、小さなツールを作成しました。深く変換するため、すべての人に共有しました。気に入らない場合は、あまり文句を言わないでください。詳細な紹介を見てみましょう。
start
npm i deep-lu-trans --save
jsonの例
import t from 'deep-lu-trans'; const obj = { AS_DD_S: 123213, AND_SAJ_JDK_JSAKD_: { DJK_ASJ: { SA_DSA_DSA: 123123, ASDA_SDH_KAS: { ASD_SAD: [{ ASD_SAD_SA: 123123, III_ASDA: [1, 23, { ASD_SAD: 123 }] }] } } }, KIO: [{ OP: 1, OOP: 2 }, { OL: 1, OP: 2 }] }; t.objKeysToLower(obj).then((res) => { console.log(JSON.stringify(res)); }); t.objKeysToLower(obj).then((res) => { console.log(JSON.stringify(res)); /* {"as_dd_s":123213,"and_saj_jdk_jsakd_":{"djk_asj":{"sa_dsa_dsa":123123,"asda_sdh_kas":{"asd_sad":[{"asd_sad_sa":123123,"iii_asda":[1,23,{"asd_sad":123}]}]}}},"kio":[{"op":1,"oop":2},{"ol":1,"op":2}]} */ t.objKeysToUpper(res).then((_s) => { console.log(JSON.stringify(_s)); /* {"AS_DD_S":123213,"AND_SAJ_JDK_JSAKD_":{"DJK_ASJ":{"SA_DSA_DSA":123123,"ASDA_SDH_KAS":{"ASD_SAD":[{"ASD_SAD_SA":123123,"III_ASDA":[1,23,{"ASD_SAD":123}]}]}}},"KIO":[{"OP":1,"OOP":2},{"OL":1,"OP":2}]} */ }); });
配列の例
import t from 'deep-lu-trans'; const arr = [{ A_B: 1, B_C: 2 }, 3, 4, 'abc', [{ A_B: 1, B_C: { C_D: [0, { CK: 1, KL: 2 }] } }]] t.arrKeysToLower(arr).then((res) => { console.log(JSON.stringify(res)); /* [{"a_b":1,"b_c":2},3,4,"abc",[{"a_b":1,"b_c":{"c_d":[0,{"ck":1,"kl":2}]}}]] */ t.arrKeysToUpper(res).then((_s) => { console.log(JSON.stringify(_s)); [{"A_B":1,"B_C":2},3,4,"abc",[{"A_B":1,"B_C":{"C_D":[0,{"CK":1,"KL":2}]}}]] }); })
上記は私がコンパイルしたものです今後とも皆様のお役に立てれば幸いです。
関連記事:
webpackホットモジュール置換(HMR)・ホットアップデート方法
NuxtをベースにしたVueのサーバーサイドレンダリングの実装について詳しく解説。 js
以上がJSONオブジェクトと配列キー値の大文字小文字変換問題の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。