Angular 2 / Typescript：For for HTTP request issue

Question

我有一个HTTP get请求，它使用url中的书名来查找该书的价格。 我添加了一个循环来获取添加到数组的书籍的所有价格。但似乎下一次迭代不会通过。 Books [0]工作正常，价格从API中添加。

当我尝试记录迭代时，它也会在索引0之后停止。

books: {  name: String, price: String} [] = [
    { "name": "dash", "price": "N/A" }
    { "name": "tash", "price": "N/A" }
    { "name": "mash", "price": "N/A" }
];

getti() {
    var i: number;
    for (i = 0; i < this.books.length; i++) {
        console.log(i);
        return this.http.get(url+this.books[i].name)
            .map(res => {
                if (res)
                    this.books[i].price = res.json();
          });
    }
}