獲取js對象鍵的值

Question

我需要能夠獲取對象鍵的值。 當我console.log(event); 返回的對象，我得到：

MessageEvent {
    ports: Array[0], 
    data: "{
        "event":"playProgress",
        "data":{
            "seconds":0.419,
            "percent":0.002,
            "duration":177.813
        }
    }"
}

我似乎無法通過console.log(event.data.percent)來獲得data.percent的價值。 我究竟做錯了什么？

Answer 1

看起來event.data實際上是一個字符串，而不是嵌套的對象。 使用“合理的現代”瀏覽器，您可以：

var data = JSON.parse(event.data);
console.log(data.percent);

關於JSON.parse更多討論可以在之前的stackoverflow 答案中看到。

Answer 2

刪除第一個數據對象周圍的引號

MessageEvent {
    ports: Array[0], 
    data: {
        "event":"playProgress",
        "data":{
            "seconds":0.419,
            "percent":0.002,
            "duration":177.813
        }
    }
}

通過在創建字符串而不是obj的過程中保留它們

Answer 3

您需要在MessageEvent對象中下一層才能訪問第一個數據對象的子對象數據。 為了console.log，您甚至不需要先進行字符串化然后解析該對象，就像在這種情況下一樣。

請嘗試以下方法：

var MessageEvent = {
    ports: Array[0], 
    data: {
        "event":"playProgress",
        "data":{
            "seconds":0.419,
            "percent":2.002,
            "duration":177.813
        }
    }
};

console.log（ MessageEvent.data.data.percent ）;

JSFiddle ： http : //jsfiddle.net/a_incarnati/em3afkov/