访问JSON数组中的项并显示对象数据

我正在尝试使用weather API并获取JSON数组中第一个对象的开放数据。相反，我获取所有对象。我如何访问JSON数组中的第一个对象？以及如何使数据显示而不是[object，object]。 现在看起来是这样的：

      "name":"msl",
      "levelType":"hmsl",
      "level":0,
      "values":[
        1031

它应该更像这样：

      "name":"msl",
      "levelType":"hmsl",
      "level":0,
      "values":[
        1031

这是我的密码： HTML:

新应用程序
获取数据
{{result.timeSeries}

TS代码：

import { Component, state } from '@angular/core';
import { NavController, AlertController, Platform, Alert} from 'ionic-angular';
import { MapPage } from '../map/map';
import { NewGamePage } from '../new-game/new-game';
import {AchievmentPage} from '../achievment/achievment';
import {DailyRoutesPage}from '../daily-routes/daily-routes';

import { LocalNotifications } from '@ionic-native/local-notifications'
import { PhonegapLocalNotification } from "@ionic-native/phonegap-local-notification";
import { Push, PushObject, PushOptions} from '@ionic-native/push'

import { HttpClient } from "@angular/common/http";
import { Observable } from "rxjs/Observable";


 @Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

      result: any = [];
      data: Observable<any>;


  constructor(public navCtrl: NavController, public alertCtrl: AlertController, private platform: Platform, private localNotification: LocalNotifications, private notiPhoneGap: PhonegapLocalNotification, public http: HttpClient) {
  }
   getData(){
    var url = `https://opendata-download-metfcst.smhi.se/api/category/pmp3g/version/2/geotype/point/lon/16.158/lat/58.5812/data.json`;  
    this.data = this.http.get(url);
    this.data.subscribe(data=>{
      this.result = data;
    })
  }



}

从'@angular/core'导入{Component，state}；
从'ionic angular'导入{NavController，AlertController，Platform，Alert}；
从“../map/map”导入{MapPage}；
从“../newgame/newgame”导入{NewGamePage}；
从“../Achipment/Achipment”导入{AchipmentPage}；
从“../DailyRoutes/DailyRoutes”导入{DailyRoutesPage}；
从'@ionic native/local notifications'导入{LocalNotifications}
从“@ionic native/phonegap local notification”导入{PhonegapLocalNotification}”；
从'@ionic native/Push'导入{Push，PushObject，PushOptions}
从“@angular/common/http”导入{HttpClient}；
从“rxjs/Observable”导入{Observable}；
@组成部分({
选择器：“主页”，
templateUrl:'home.html'
})
导出类主页{
结果：any=[]；
数据：可观察；
构造函数（公共navCtrl:NavController、公共alertCtrl:AlertController、私有平台：平台、私有localNotification:LocalNotifications、私有notiPhoneGap:PhonegapLocalNotification、公共http:HttpClient）{
}
getData（）{
变量url=`https://opendata-download-metfcst.smhi.se/api/category/pmp3g/version/2/geotype/point/lon/16.158/lat/58.5812/data.json`;  
this.data=this.http.get（url）；
this.data.subscribe（数据=>{
这个结果=数据；
})
}
}

您可以使用内置功能“字符串化”数据。您需要在第三个参数中指定填充

忽略CORS代理，我只是用它来绕过同源策略

var-apiUrl=https://opendata-download-metfcst.smhi.se/api';
var apiPointUrl=`${apiUrl}/category/pmp3g/version/2/geotype/point`；
//构建API url以在一组坐标处获取点。
函数getPointData（经度、纬度）{
返回`${apiPointUrl}/lon/${longitude}/lat/${latitude}/data.json`；
}
//使用CORS代理进行包装，以避免同源策略出现问题
var requestQuery=`https://cors.io/?${getPointData（16.158，58.5812）}`；
$.getJSON（requestQuery，（结果、状态、xhr）=>{
//显示时间序列中的前两个小时。
log（JSON.stringify（result.timeSeries.slice（0，2），null，2））；
});
.as控制台包装{top:0；最大高度：100%！重要；}
这是对象的默认字符串表示形式：
console.log（''+{}）
。您必须显式地将对象转换为所需的字符串（格式）。
console.log（JSON.stringify（name\u of_object，null，2））
将是更好的选择。@SamuelToh的建议是最好的建议，如果您想将所有数据转储为可读的JSON格式。谢谢您的回答！你的建议帮助了我