如何在 TypeScript/Angular2+ 中訪問 json 數組？

Question

我正在嘗試訪問 json 數據。 我的數據是——

[{"lhs":["GetBook"],"rhs":["BookServiceSOAP"],"confidence":1},{"lhs":
["input"],"rhs":["BookServiceSOAP"],"confidence":1},{"lhs":["ID"],"rhs":
["BookServiceSOAP"],"confidence":1},{"lhs":["output"],"rhs":
["BookServiceSOAP"],"confidence":1},{"lhs":["Title"],"rhs":
["BookServiceSOAP"],"confidence":1},{"lhs":["Author"],"rhs":
["BookServiceSOAP"],"confidence":1},{"lhs":["AddBook"],"rhs":
["BookServiceSOAP"],"confidence":1},{"lhs":["GetAllBooks"],"rhs":
["BookServiceSOAP"],"confidence":1},{"lhs":["Book"],"rhs":
["BookServiceSOAP"],"confidence":1},{"lhs":
["BookServiceSOAP","GetBook"],"rhs":["output"],"confidence":0.75},{"lhs":
["GetBook","output"],"rhs":["BookServiceSOAP"],"confidence":1},{"lhs":
["BookServiceSOAP","ID"],"rhs":["output"],"confidence":0.75},{"lhs":
["ID","output"],"rhs":["BookServiceSOAP"],"confidence":1},{"lhs":
["BookServiceSOAP","GetAllBooks"],"rhs":["output"],"confidence":0.75},
{"lhs":["GetAllBooks","output"],"rhs":["BookServiceSOAP"],"confidence":1},.....]

當我將它粘貼到 onlinejsoneditor.com 時，我得到了一個正確的 json 輸出 -

但我無法訪問它。

即當我做 -

  console.log("parsedData[0] = ", parsedData[0]);

輸出是 -

  parsedData[0] =  [

我想訪問它的詳細信息，例如 lhs、rhs、confidence

Answer 1

使用+作為console.log分隔符將調用 JSON 對象上的toString 。 這就是您看到[object Object] 。 使用,你應該很好：

console.log('First Response: ', this.parsedData[0]);
console.log('First Response LHS: ', this.parsedData[0].lhs);
console.log('First Response LHS\'s 0th Element: ', this.parsedData[0].lhs[0]);
console.log('First Response RHS: ', this.parsedData[0].rhs);
console.log('First Response RHS\'s 0th Element: ', this.parsedData[0].rhs[0]);
console.log('First Response Confidence: ', this.parsedData[0].confidence);

---

這是供您參考的工作示例 StackBlitz 。