이 글은 주로 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.js 기반 Vue의 서버 측 렌더링에 대한 자세한 설명
위 내용은 json 객체와 배열 키 값의 심층 대소문자 변환 문제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!