Javascript 如何解析worldtide.info JSON，每个周期有两次低潮/高潮？

大家好，我又回来了，这是我的第二个问题。这次我希望从worldtide.info获取潮汐预测数据，并以HTML格式输出。问题是，我认为每个周期都有两次低潮和两次高潮，参考值相同。我是个傻瓜。它是不是放错了“.”或者与JSON结构有关？请随意缩短代码。谢谢你的阅读。下面是不输出的代码，与JSFIDLE一样：

JSON JAVASCRIPT HTML

---

如果我理解的很好，你想要一个快速的方法来获得最高/最低的潮汐值，你可以做的很简单

var lowestTide=res.extremes.filter(tide => { return tide.type=="Low"; }).sort(function(a,b) {return (a.height > b.height) ? -1 : ((b.height > a.height) ? 1 : 0);} )[0]

var highestTide=res.extremes.filter(tide => { return tide.type=="High"; }).sort(function(a,b) {return (a.height > b.height) ? -1 : ((b.height > a.height) ? 1 : 0);} )[0]

$.getJSONhttps://www.worldtides.info/api?extremes&lat=-9&lon=147&key=863F3F-2ce7-40bb-912b-f6a8d862aedd，功能数据{ var lowestTide=data.extremes.filtertide=>{ 返回潮。类型==低； }.sortfunctiona，b{ 返回a.height>b.height-1:b.height>a.height-1:0； }[0]; var highestTide=data.extremes.filtertide=>{ 返回潮。类型==高； }.sortfunctiona，b{ 返回a.height>b.height-1:b.height>a.height-1:0； }[0]; console.Log最低潮：最低潮、最低潮、最高潮、最高潮； }

---

你想从这个json响应中得到一个具有最低和最高潮汐值的对象吗，即{minTide:xxx，maxTide:yyyy}？哦，你好@洛雷托帕里斯我想是的，想要简单的文字输出两个高低加上它们的次数。请提供完整的代码，我是新手，只有一行代码对我来说是神秘的。约会也不错。谢谢。请尝试下面的回答，它应该只有javascript，然后您必须通过JQuery实现HTML。@loretoparisi或仅在今天/明天，您让我有些头晕了：@loretoparisi只是认为c，d，e，f。。可能是未来的低潮和高潮，尽管可能不是因为它们可能已经被过滤掉了？基本上，只希望有从下一个加上时间和日期的低点和高点，作为简单的“TT”，或简单表格中的电传文本。如果谈论未来，则标记为今天或今晚、明天，然后标记为周一至周日或周三至周五。但现在我正在旋转，此刻我只想要最简单的解决方案。我很高兴你能帮助我。希望我们可以聊天，我显然没有足够的分数。这可能不是我正在寻找的解决方案。迷失在代码中。我想我的JSFIDLE之前没有保存，现在已经保存了。我是prego，我是codice sono，我是pizza！。

$.getJSON("https://www.worldtides.info/api?extremes&lat=-9&lon=147&key=<API KEY HERE>", function(data) {
console.log(data);

//setting up the variables
var tide1 = data.extremes.[0].height
var tide2 = data.extremes.[1].height
var tide3 = data.extremes.[2].height
var tide4 = data.extremes.[3].height

var time1 = data.extremes.[0].time
var time2 = data.extremes.[1].time
var time3 = data.extremes.[2].time
var time4 = data.extremes.[3].time

var type1 = data.extremes.[0].type
var type2 = data.extremes.[1].type
var type3 = data.extremes.[2].type
var type4 = data.extremes.[3].type

// to insert in table
    $('#tide1').text(tide1)
    $('#tide2').text(tide2)
    $('#tide3').text(tide3)
    $('#tide4').text(tide4)

    $('#time1').text(time1)
    $('#time2').text(time2)
    $('#time3').text(time2)
    $('#time4').text(time3)

    $('#type1').text(type1)
    $('#type2').text(type2)
    $('#type3').text(type3)
    $('#type4').text(type4)     

});

<tt>
<h3>TIDAL TIMES</h3>
<table border="1" width=150 class="extremes">
<tr><td id="tide1"></td><td id="time1"></td><td id="type1"></td></tr>
<tr><td id="tide2"></td><td id="time2"></td><td id="type2"></td></tr>
<tr><td id="tide3"></td><td id="time3"></td><td id="type3"></td></tr>
<tr><td id="tide4"></td><td id="time4"></td><td id="type4"></td></tr>
</table>

var lowestTide=res.extremes.filter(tide => { return tide.type=="Low"; }).sort(function(a,b) {return (a.height > b.height) ? -1 : ((b.height > a.height) ? 1 : 0);} )[0]

var highestTide=res.extremes.filter(tide => { return tide.type=="High"; }).sort(function(a,b) {return (a.height > b.height) ? -1 : ((b.height > a.height) ? 1 : 0);} )[0]