Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung des Deep-Case-Konvertierungsproblems von JSON-Objekten und Array-Schlüsselwerten

Detaillierte Erläuterung des Deep-Case-Konvertierungsproblems von JSON-Objekten und Array-Schlüsselwerten

亚连
亚连Original
2018-05-28 11:00:301148Durchsuche

Dieser Artikel führt Sie hauptsächlich in die detaillierte Fallkonvertierung von JSON-Objekten und Array-Schlüsselwerten ein Wer es braucht, lernt bitte unten gemeinsam.

Vorwort

Ich habe kürzlich an einem Projekt gearbeitet und festgestellt, dass die vom Backend zurückgegebenen Datenschlüsselwerte alle in Großbuchstaben geschrieben sind. Das ist manchmal sehr unpraktisch, deshalb habe ich ein kleines, tiefgreifendes Konvertierungstool geschrieben, das ich mit allen teilen kann, damit ich das Rad nicht neu erfinden muss. Wenn es Ihnen nicht gefällt, kritisieren Sie es nicht Ich werde im Folgenden nicht viel sagen, werfen wir einen Blick auf die detaillierte Einführung.

Start

npm i deep-lu-trans --save

JSON-Beispiel

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-Beispiel

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}]}}]]
 });
})

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Beispiel für die Verwendung von Mint-UI in Vue

Webpack Hot Module Replacement (HMR)/ Hot Aktualisierungsmethode

Detaillierte Erläuterung der Implementierung von serverseitigem Rendering durch Vue basierend auf Nuxt.js

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Deep-Case-Konvertierungsproblems von JSON-Objekten und Array-Schlüsselwerten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn