> 웹 프론트엔드 > JS 튜토리얼 > json 배열 키 값의 대소문자를 변환하는 방법(코드 포함)

json 배열 키 값의 대소문자를 변환하는 방법(코드 포함)

php中世界最好的语言
풀어 주다: 2018-04-20 15:59:19
원래의
1939명이 탐색했습니다.

이번에는 json 배열 키값 변환 방법(코드 포함)을 보여드리겠습니다. json 배열 키값 변환 시 주의사항은 무엇인가요? 살펴보자.

머리말

최근에 프로젝트를 진행하다가 백엔드에서 반환되는 데이터 키 값이 모두 대문자로 되어 있는 것을 발견했습니다. 가끔 프론트엔드를 사용하는 것이 너무 불편해서 Deep을 위한 작은 도구를 작성했습니다. 마음에 들지 않으면 불평하지 마세요. 자세한 소개는 생략하겠습니다.

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 중국어 웹사이트 기타 관련 기사를 주목해주세요!

추천 도서:

Webpack 4.0 패키징 최적화 전략 요약_javascript 기술

전역 검색 코드 만들기 및 강조 표시

위 내용은 json 배열 키 값의 대소문자를 변환하는 방법(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿