Как прочитать свойства данных события

Question

Ниже приведен код JavaScript для чтения свойств события:

function webSockStart() { // onclick() of a button
  document.getElementById("button").disabled = true;

  var ws = new WebSocket("ws://127.0.0.1:3000/websock");

  ws.onmessage = function (evt) {
    console.log(evt.data)
    console.log(evt.data["Key"]) // undefined
    console.log(evt.data["Val"]) // undefined

  };

}

---

console.log(evt.data) дает строку "{"Key":"ab","Val":"cd"}" (получено через websocket)

var map = new Map(JSON.parse(evt.data)) выдает ошибку: Uncaught TypeError: object is not iterable(cannot read property Symbol(Symbol.Iterator))

Как преобразовать эту строку в объект карты и прочитать свойства? console.log(evt.data["Key"])

Answer 1

Сначала нужно разобрать его, а потом получить доступ

let str = `{"data" : {"Key":"ab","Val":"cd"}}`

let obj = JSON.parse(str)

console.log(obj.data['Key'])