ホームページ > ウェブフロントエンド > jsチュートリアル > JSONと配列のキー値の大文字と小文字の変換を行う

JSONと配列のキー値の大文字と小文字の変換を行う

php中世界最好的语言
リリース: 2018-06-12 13:56:54
オリジナル
1787 人が閲覧しました

今回はjsonと配列キー値の間の大文字小文字変換についてお届けします。jsonと配列キー値の間の大文字小文字変換の注意点は何ですか?実際のケースを見てみましょう。

前書き

最近、あるプロジェクトに取り組んでいたところ、バックエンドから返されるデータキーの値がすべて大文字であることがわかりました。フロントエンドを使用するのが非常に不便な場合があるため、小さなツールを作成しました。深く変換するため、すべての人に共有しました。気に入らない場合は、あまり文句を言わないでください。詳細な紹介を見てみましょう。

start

npm i deep-lu-trans --save
ログイン後にコピー

json example

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}]}
  */
 });
});
ログイン後にコピー

array example

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

この記事の事例を読んだ後、あなたはその方法をマスターしたと思います。 php 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

vue-cliの最初の画面読み込み時間の最適化

Postman+トークンパラメータの受け渡しの使用

以上がJSONと配列のキー値の大文字と小文字の変換を行うの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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