[JavaScript] 객체, 배열 자료 다루기 - JSON 데이터

1. type이 sk인, name으로 구성된 배열만 출력

 

data =
  [{
    "id": 1,
    "name": "Yong",
    "phone": "010-0000-0000",
    "type": "sk",
    "childnode": [{
      "id": 11,
      "name": "echo",
      "phone": "010-0000-1111",
      "type": "kt",
      "childnode": [{
        "id": 115,
        "name": "hary",
        "phone": "211-1111-0000",
        "type": "sk",
        "childnode": [{
          "id": 1159,
          "name": "pobi",
          "phone": "010-444-000",
          "type": "kt",
          "childnode": [{
            "id": 11592,
            "name": "cherry",
            "phone": "111-222-0000",
            "type": "lg",
            "childnode": []
          },
          {
            "id": 11595,
            "name": "solvin",
            "phone": "010-000-3333",
            "type": "sk",
            "childnode": []
          }
          ]
        }]
      },
      {
        "id": 116,
        "name": "kim",
        "phone": "444-111-0200",
        "type": "kt",
        "childnode": [{
          "id": 1168,
          "name": "hani",
          "phone": "010-222-0000",
          "type": "sk",
          "childnode": [{
            "id": 11689,
            "name": "ho",
            "phone": "010-000-0000",
            "type": "kt",
            "childnode": [{
              "id": 116890,
              "name": "wonsuk",
              "phone": "010-000-0000",
              "type": "kt",
              "childnode": []
            },
            {
              "id": 1168901,
              "name": "chulsu",
              "phone": "010-0000-0000",
              "type": "sk",
              "childnode": []
            }
            ]
          }]
        }]
      },
      {
        "id": 117,
        "name": "hong",
        "phone": "010-0000-0000",
        "type": "lg",
        "childnode": []
      }
      ]
    }]
  }]
let arr = [];
function parsing(data) {
  data.forEach(k => {
    if (k.type === 'sk') {
      arr.push(k.name);
    }
    if (k.childnode.length > 0) {
      parsing(k.childnode);
    }
  });
}

parsing(data);
console.log(arr);

// 출력
[ 'Yong', 'hary', 'solvin', 'hani', 'chulsu' ]

 

 

2. 숫자 타입으로만 구성된 요소를 뽑아 배열로 만들기

 

const data = {
  "debug": "on",
  "window": {
    "title": "Sample Konfabulator Widget",
    "name": "main_window",
    "width": 500,
    "height": 500
  },
  "image": {
    "src": "Images/Sun.png",
    "name": "sun1",
    "hOffset": 250,
    "vOffset": 250,
    "alignment": "center"
  },
  "text": {
    "data": "Click Here",
    "size": 36,
    "style": "bold",
    "name": "text1",
    "hOffset": 250,
    "vOffset": 100,
    "alignment": "center",
    "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;"
  }
};

let arr = [];
function parsing(data) {
  for (item in data) {
    if (typeof (data[item]) === 'object') {
      parsing(data[item]);
    }
    else if (typeof (data[item]) === 'number') {
      arr.push(item);
    }

  };
}
parsing(data);
console.log(arr)

// 출력 
["width", "height", "hOffset", "vOffset", "size", "hOffset", "vOffset"]