Как получить доступ к массиву JSON в TypeScript / Angular2 +?

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, trust

Answer 1

Использование + в качестве разделителя console.log вызовет toString для объекта JSON.Вот почему вы видите [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 для вашей ссылки.