투케이2K

560. (javaScript) 자바스크립트 RegExp 정규식 사용해 올바르지 않은 JSON 데이터 Key , Value 보정 수행 - 올바르지않은 따옴표 , 따옴표 누락 본문

JavaScript

560. (javaScript) 자바스크립트 RegExp 정규식 사용해 올바르지 않은 JSON 데이터 Key , Value 보정 수행 - 올바르지않은 따옴표 , 따옴표 누락

투케이2K 2026. 6. 25. 19:55
728x90
반응형

[개발 환경 설정]

​

개발 툴 : Edit++ / Vscode

​

개발 언어 : JavaScript

​

 

[소스 코드]

 

-----------------------------------------------------------------------------------------
[사전 설명 및 설정 사항]
-----------------------------------------------------------------------------------------

- 개발 환경 : Web


- 개발 기술 : JavaScript / test / JSON


- 사전) 👉 자바스크립트 test() 간략 설명 : 

  >> test() 함수는 보통 정규표현식(RegExp) 객체에서 가장 많이 사용하는 메서드입니다.

  >> test() 함수는 문자열이 특정 정규식 패턴을 만족하는지 검사하고 결과를 true 또는 false 로 반환하는 함수입니다.

  >> test() 함수 기본 문법 : 

    const regex = /패턴/;
    const result = regex.test("검사할 문자열");

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[소스 코드]
-----------------------------------------------------------------------------------------

<!DOCTYPE HTML>
<html lang="ko" translate="no">
<head>
    <title>javaScriptTest</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- 반응형 구조 만들기 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

    <!-- Chrome / Edge (Chromium)에서 자동 번역 기능을 완전히 비활성화 -->
    <meta name="google" content="notranslate">

    <!-- 내부 CSS 스타일 지정 -->
    <style>

      html, body {
        width: 100%;
        height: 100%;
        margin : 0 auto;
        padding : 0;
        border : none;
        background-color: #666;
      }

    </style>





    <!-- [CDN 주소 설정] --> 
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>






    <!-- [자바스크립트 코드 지정] -->
    <script type="module">    


      // -----------------------------------------------------------------
      // ✅ [Window.onload 웹 브라우저 로드 완료]
      // -----------------------------------------------------------------
      window.onload = async function() {
        console.log("[window onload] : [html 최초 로드 및 이벤트 상시 대기 실시] : [start]");

        try {

          // ------------------------------------------------------
          // 🟦 [test() 간략 설명]
          // ------------------------------------------------------
          // 1. test() 함수는 보통 정규표현식(RegExp) 객체에서 가장 많이 사용하는 메서드입니다.
          // ------------------------------------------------------
          // 2. test() 함수는 문자열이 특정 정규식 패턴을 만족하는지 검사하고 결과를 true 또는 false 로 반환하는 함수입니다.
          // ------------------------------------------------------
          // 3. test() 함수 기본 문법 : 
          // 
          // const regex = /패턴/;
          // const result = regex.test("검사할 문자열");
          // ------------------------------------------------------

          
          // ------------------------------------------------
          // 🟦 올바르지 않은 JSON 데이터 생성 수행
          // ------------------------------------------------  
          // “ 스마트 큰따옴표 / ’ 스마트 작은따옴표 -> 보정
          // ------------------------------------------------  
          // Key 에 따옴표 누락 -> 보정
          // ------------------------------------------------  
          // Value 는 문자열 (String) 일 때 앞 따옴표만 누락된 경우와 뒤 따옴표만 누락된 경우 -> 보정 (false , 10 처럼 String 형식이 아닌 데이터는 그대로 표시)
          // ------------------------------------------------  
          // Value 에서 정수, 실수, null, true, false 등은 제외하고 string 형식만 양쪽 모두 누락 된 경우 보정하는 방법 정규식 추가 첨부
          // ------------------------------------------------  
          // 🟥 해당 데이터 보정으로도 콤마 누락은 보정할 수 없음
          // ------------------------------------------------  
          let jsonData = `{
            “name” : “twok”,
            state : {
              publish" : hello",
              "user" : "twok2,
              job" : developer,
              age : 32,
              "sex" : true,
              "weight" : 67.54,
              "test1 : null,
              "test2 : undefined,
              "nowDate" : 2026-06-25
            },
            "date : "2026-06-25
          }`;

          console.log("jsonData : ", jsonData);

          
          // ------------------------------------------------
          // 🟦 JSON 데이터 파싱 수행 : 원본 데이터 우선 검증
          // ------------------------------------------------ 
          try {
            const data = typeof jsonData === 'string' ? JSON.parse(jsonData) : jsonData;            
          } 
          catch (error) {
            console.error('json parsing exception : ', error);


            // ------------------------------------------------
            // 🟦 JSON 데이터에서 올바르지 않은 따옴표 문자열 포함 확인 및 정규식을 사용해 변경 실시
            // ------------------------------------------------ 
            if (/[“”]/.test(jsonData) || /[‘’]/.test(jsonData)){
              
              jsonData = jsonData
                  .replace(/[“”]/g, '"') // 스마트 큰따옴표 -> 치환
                  .replace(/[‘’]/g, "'"); // 스마트 작은따옴표 -> 치환              
            }
            console.log("올바르지 않은 따옴표 문자열 -> 보정 : \n\n", jsonData);


            // ------------------------------------------------

            // 🟦 JSON Key 값에 따옴표가 누락 된 경우 정규식을 사용해 변경 실시
            // ------------------------------------------------ 
            // / : 정규식 시작/종료            
            // ------------------------------------------------ 
            // g : Global 옵션 : 첫 번째만 찾지 않고 문자열 전체에서 모두 찾음
            // ------------------------------------------------ 
            
            // [key 에 따옴표 전체 누락 된 경우 보정]
            jsonData = jsonData.replace(
                /([{,]\s*)([a-zA-Z_$][a-zA-Z0-9_$]*)\s*:\s*/g,
                '$1"$2":'
            );
            console.log("Key 따옴표 전체가 누락 된 경우 -> 보정 : \n\n", jsonData);

            // [key 에 앞따옴표가 누락 된 경우 보정]            
            jsonData = jsonData.replace(
                /([{,]\s*)([a-zA-Z_$][a-zA-Z0-9_$]*)"\s*:/g,
                '$1"$2":'
            );
            console.log("Key 앞따옴표가 누락 된 경우 -> 보정 : \n\n", jsonData);

            // [key 에 뒷따옴표가 누락 된 경우 보정]                        
            jsonData = jsonData.replace(
                /([{,]\s*)"([a-zA-Z_$][a-zA-Z0-9_$]*)\s*:/g,
                '$1"$2":'
            );
            console.log("Key 뒷따옴표가 누락 된 경우 -> 보정 : \n\n", jsonData);


            // ------------------------------------------------
            // 🟦 JSON Value 값에 따옴표가 누락 된 경우 정규식을 사용해 변경 실시
            // ------------------------------------------------ 

            // [value 에 앞따옴표가 누락 된 경우 보정] : 날짜 형식도 보정                            
            jsonData = jsonData.replace(
                /:\s*([A-Za-z0-9_\-:\/T.]+)"\s*([,}])/g,
                ':"$1"$2'
            );
            console.log("value 앞따옴표가 누락 된 경우 -> 보정 : \n\n", jsonData);

            // [value 에 뒷따옴표가 누락 된 경우 보정] : 날짜 형식도 보정                           
            jsonData = jsonData.replace(
                /:\s*"([A-Za-z0-9_\-:\/T.]+)\s*([,}])/g,
                ':"$1"$2'
            );

            // [value 에 양쪽 따옴표 모두 누락된 String Value 보정] : 날짜 형식도 보정
            //*
            jsonData = jsonData.replace(
                /:\s*((?:[A-Za-z][A-Za-z0-9_\-:.\/T]*)|(?:\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2})?))\s*([,}])/g,
                (match, value, end) => {
                    if (['true', 'false', 'null'].includes(value)) {
                        return `:${value}${end}`;
                    }
                    return `:"${value}"${end}`;
                }
            );

            console.log("value 에 양쪽 따옴표 모두 누락된 String Value -> 보정 : \n\n", jsonData);
            // */


            // ------------------------------------------------
            // 🟦 보정된 데이터 JSON 파싱 가능 여부 체크
            // ------------------------------------------------ 
            try {
              const validation = typeof jsonData === 'string' ? JSON.parse(jsonData) : jsonData;

              console.warn("json validation success : \n\n", JSON.stringify(validation, null, 2) + "\n");
            }
            catch (e){
              console.error('json validation exception : ', e);
            }

          }


          // ------------------------------------------------
          // 🟦 로그 출력 예시 : 보정 완료 된 코드
          // ------------------------------------------------ 
          /*
          {
            "name": "twok",
            "state": {
              "publish": "hello",
              "user": "twok2",
              "job": "developer",
              "age": 32,
              "sex": true,
              "weight": 67.54,
              "test1": null,
              "test2": "undefined",
              "nowDate": "2026-06-25"
            },
            "date": "2026-06-25"
          }
          */
          // ------------------------------------------------ 

        }
        catch (exception) {
          console.error("[window onload] : [Exception] : ❌ 예외 상황 발생 : ", exception);

        }

      };


    </script>


</head>


<body>

</body>

</html>

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[참고 사이트]
-----------------------------------------------------------------------------------------

▶️ [자바스크립트 정규식 test() 사용해 올바르지 않은 JSON 특수 문자 따옴표 포함 여부 체크 및 replace 치환 수행]

https://kkh0977.tistory.com/8935

https://blog.naver.com/kkh0977/224326054428


▶️ [간단 소스] 자바스크립트 getMacFormat - 맥 주소 (Mac Address) 형식에 맞게 세미콜론 자릿수 포맷 함수

https://kkh0977.tistory.com/8753

https://blog.naver.com/kkh0977/224244331654


▶️ [test() 함수 사용해 특정 문자열 패턴을 포함하는지 확인 실시 - 정규식 , 문자열 패턴]

https://kkh0977.tistory.com/1846

https://blog.naver.com/kkh0977/222732607207?trackingCode=blog_bloghome_searchlist


▶️ [간단 소스] 자바스크립트 이메일 형식 유효성 검증 정규식 생성 및 test() 함수 사용해 정규식 일치 여부 확인 - @ 뒤에 점 다중 허용 처리

https://kkh0977.tistory.com/8673

https://blog.naver.com/kkh0977/224207113183?trackingCode=blog_bloghome_searchlist


▶️ [정규식 (RegEx) 을 사용해서 지정한 특정 패턴 문자 제거 실시 - 특수문자 및 공백제거]

https://kkh0977.tistory.com/1099

https://blog.naver.com/kkh0977/222463874583?trackingCode=blog_bloghome_searchlist

-----------------------------------------------------------------------------------------
 
728x90
반응형
저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

562. (javaScript) 자바스크립트 new Function 사용해 문자열로 작성 된 소스 코드 동적 런타임 함수 생성 및 실행 수행  (0) 2026.06.26
561. (javaScript) 자바스크립트 setInterval 사용해 주기적 JSON 특정 Key 의 Value 값 동적 업데이트 수행  (0) 2026.06.25
559. (javaScript) 자바스크립트 정규식 test() 사용해 올바르지 않은 JSON 특수 문자 따옴표 포함 여부 체크 및 replace 치환 수행  (0) 2026.06.24
558. (javaScript) 자바스크립트 SweetAlert 라이브러리 사용해 JSON Pretty 정렬 출력 팝업창 생성 및 클립보드 내용 복사 기능 수행  (0) 2026.06.22
557. (javaScript) [유틸 파일] common_json_validate_check - 자바스크립트 typeof 사용해 null 및 json 형식 여부 유효성 확인 수행  (0) 2026.06.20
'JavaScript' Related Articles more
Comments