ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • JSON.parse
    APM(ApachePhpMysql) 2024. 10. 10. 18:21
    var jsonString = `{
        "employees": [
            { "name": "Alice", "age": 28, "position": "Developer" },
            { "name": "Bob", "age": 34, "position": "Designer" },
            { "name": "Charlie", "age": 30, "position": "Manager" }
        ]
    }`;
    
    // JSON 문자열을 객체로 변환
    var jsonObject = JSON.parse(jsonString);
    
    // employees 배열을 반복
    jsonObject.employees.forEach(employee => {
        console.log(`Name: ${employee.name}, Age: ${employee.age}, Position: ${employee.position}`);
    });
    
    
    
    
    
    결과 
    
    Name: Alice, Age: 28, Position: Developer
    Name: Bob, Age: 34, Position: Designer
    Name: Charlie, Age: 30, Position: Manager

    JSON형식의 문자열을 JavaScript 객체로 변화시키는 메서드

     

    reviver 예시

    var jsonString = `{
        "employees": [
            { "name": "Alice", "age": "28", "position": "Developer" },
            { "name": "Bob", "age": "34", "position": "Designer" },
            { "name": "Charlie", "age": "30", "position": "Manager" }
        ]
    }`;
    
    // JSON 문자열을 객체로 변환 (reviver 사용)
    var jsonObject = JSON.parse(jsonString, (key, value) => {
        // age는 숫자로 변환
        if (key === "age") {
            return Number(value);
        }
        // position은 대문자로 변환
        if (key === "position") {
            return value.toUpperCase();
        }
        return value; // 다른 속성은 그대로 반환
    });
    
    //. employees 배열을 반복
    jsonObject.employees.forEach(employee => {
        console.log(`Name: ${employee.name}, Age: ${employee.age}, Position: ${employee.position}`);
    });
    
    결과
    Name: Alice, Age: 28, Position: DEVELOPER
    Name: Bob, Age: 34, Position: DESIGNER
    Name: Charlie, Age: 30, Position: MANAGER

    'APM(ApachePhpMysql)' 카테고리의 다른 글

    선택자 별 data가져오기  (0) 2024.10.30
    split  (0) 2024.10.10
    substr  (0) 2024.10.10
    Json_Encode  (0) 2024.10.10
    foreach문  (0) 2024.10.10
Designed by Tistory.