entityMap|blocks|key|24vqo|text|考虑到在每个嵌套的aray中只有一项，您可以像这样访问line|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|7ekgf|​|a2aeb|let+data+=+{
++++"events":+[{
++++++++"id":+153502679,
++++++++"name":+"Green+Bay+Packers+@+Chicago+Bears",
++++++++"homeTeamName":+"CHI+Bears",
++++++++"awayTeamName":+"GB+Packers",
++++++++"startDate":+"2019-09-06T00:20:00.0000000Z",
++++++++"offers":+[{
++++++++++++"id":+"1-2160521227",
++++++++++++"label":+"Point+Spread",
++++++++++++"outcomes":+[{
++++++++++++++++"id":+"1-2568051855",
++++++++++++++++"label":+"GB+Packers",
++++++++++++++++"line":+"%2B3.5000",
++++++++++++++++"oddsAmerican":+"-110",
++++++++++++++++"oddsDecimal":+1.9100,
++++++++++++++++"oddsFractional":+"10/11",
++++++++++++++++"participant":+"GB+Packers"
++++++++++++++++
++++++++++++}]
++++++++}]
++++}]
}

console.log(data.events[0].offers[0].outcomes[0].line);|code-block|syntax|javascript|1l099|80na2|如果每个嵌套数组中有n个对象，您可以这样做|1ruit|h3dn|let+data+=+{
++++"events":+[{
++++++++"id":+153502679,
++++++++"name":+"Green+Bay+Packers+@+Chicago+Bears",
++++++++"homeTeamName":+"CHI+Bears",
++++++++"awayTeamName":+"GB+Packers",
++++++++"startDate":+"2019-09-06T00:20:00.0000000Z",
++++++++"offers":+[{
++++++++++++"id":+"1-2160521227",
++++++++++++"label":+"Point+Spread",
++++++++++++"outcomes":+[{
++++++++++++++++"id":+"1-2568051855",
++++++++++++++++"label":+"GB+Packers",
++++++++++++++++"line":+"%2B3.5000",
++++++++++++++++"oddsAmerican":+"-110",
++++++++++++++++"oddsDecimal":+1.9100,
++++++++++++++++"oddsFractional":+"10/11",
++++++++++++++++"participant":+"GB+Packers"
++++++++++++++++
++++++++++++}]
++++++++}]
++++}]
}


data['events'].forEach(event+=>+{
++++event.offers.forEach(offer+=>+{
++++++++offer.outcomes.forEach(outcome+=>+{
++++++++++console.log(outcome.line);
++++++++});
++++});
});|9jfc|428o0^0|R|4|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|V|9|@$A|W|B|X|C|D]]|E|@]|F|$]]|$2|G|4|H|6|7|8|Y|9|@]|E|@]|F|$]]|$2|I|4|J|6|K|8|Z|9|@]|E|@]|F|$L|M]]|$2|N|4|H|6|7|8|10|9|@]|E|@]|F|$]]|$2|O|4|P|6|7|8|11|9|@]|E|@]|F|$]]|$2|Q|4|H|6|7|8|12|9|@]|E|@]|F|$]]|$2|R|4|S|6|K|8|13|9|@]|E|@]|F|$L|M]]|$2|T|4|H|6|7|8|14|9|@]|E|@]|F|$]]|$2|U|4|-4|6|7|8|15|9|@]|E|@]|F|$]]]]

<p>Considering you have just one item in each nested aray, you can access <code>line</code> as</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let data = {
    "events": [{
        "id": 153502679,
        "name": "Green Bay Packers @ Chicago Bears",
        "homeTeamName": "CHI Bears",
        "awayTeamName": "GB Packers",
        "startDate": "2019-09-06T00:20:00.0000000Z",
        "offers": [{
            "id": "1-2160521227",
            "label": "Point Spread",
            "outcomes": [{
                "id": "1-2568051855",
                "label": "GB Packers",
                "line": "+3.5000",
                "oddsAmerican": "-110",
                "oddsDecimal": 1.9100,
                "oddsFractional": "10/11",
                "participant": "GB Packers"
                
            }]
        }]
    }]
}

console.log(data.events[0].offers[0].outcomes[0].line);</code></pre>
</div>
</div>
</p>

<p>If there are n number of objects in each nested array, you can do as</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let data = {
    "events": [{
        "id": 153502679,
        "name": "Green Bay Packers @ Chicago Bears",
        "homeTeamName": "CHI Bears",
        "awayTeamName": "GB Packers",
        "startDate": "2019-09-06T00:20:00.0000000Z",
        "offers": [{
            "id": "1-2160521227",
            "label": "Point Spread",
            "outcomes": [{
                "id": "1-2568051855",
                "label": "GB Packers",
                "line": "+3.5000",
                "oddsAmerican": "-110",
                "oddsDecimal": 1.9100,
                "oddsFractional": "10/11",
                "participant": "GB Packers"
                
            }]
        }]
    }]
}


data['events'].forEach(event =&gt; {
    event.offers.forEach(offer =&gt; {
        offer.outcomes.forEach(outcome =&gt; {
          console.log(outcome.line);
        });
    });
});</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|c986f|text|看起来您没有访问优惠数组中的数据。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|c8dtf|请尝试以下代码来访问事件，然后是优惠，然后是结果：|5h450|data.events[0].offers[0].outcomes[0].line|code-block|syntax|javascript|7jqvp|希望它能起作用！|c2ro^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|N|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|O|9|@]|A|@]|B|$H|I]]|$2|J|4|K|6|7|8|P|9|@]|A|@]|B|$]]|$2|L|4|-4|6|7|8|Q|9|@]|A|@]|B|$]]]]

<p>It looks like you're not accessing the data in the offers Array.</p>

<p>Please, try the following code to access the events, then the offers and then the outcomes:</p>

<pre><code>data.events[0].offers[0].outcomes[0].line
</code></pre>

<p>Hope it works!</p>


entityMap|blocks|key|bvveq|text|提供的Api响应包含3个嵌套数组。因此，在访问它们的值时，您必须考虑它们。根据您在下面数组中的项目数量，解决方案会有所不同。在您的示例中，您访问的是数组“Events”、“offers”、“outcomes”的第一项的值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|48kgc|在此特定情况下，您可以尝试|5c21n|<td>{{data.events[0].offers[0].outcomes[0].line}}+</td>|offset|length|style|CODE|fr7rt^0|0|0|0|1J|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|M|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|N|9|@$G|O|H|P|I|J]]|A|@]|B|$]]|$2|K|4|-4|6|7|8|Q|9|@]|A|@]|B|$]]]]

<p>Provided Api response contains 3 nested Arrays. So you have to consider them while accessing their values. Depending on the number of items you have in the array below solution will vary. In your example, You are accessing values of the first item of array 'Events', 'offers', 'outcomes'.</p>

<p>In this specific case, You may try </p>

<p><code>&lt;td&gt;{{data.events[0].offers[0].outcomes[0].line}} &lt;/td&gt;</code></p>


<p>How can I access 'line' data from the given object?
This is the link to api -<a href="https://sportsbook.draftkings.com/api/odds/v1/leagues/3/offers/gamelines.json" rel="nofollow noreferrer">https://sportsbook.draftkings.com/api/odds/v1/leagues/3/offers/gamelines.json</a></p>

<pre><code>{
    "events": [{
        "id": 153502679,
        "name": "Green Bay Packers @ Chicago Bears",
        "homeTeamName": "CHI Bears",
        "awayTeamName": "GB Packers",
        "startDate": "2019-09-06T00:20:00.0000000Z",
        "offers": [{
            "id": "1-2160521227",
            "label": "Point Spread",
            "outcomes": [{
                "id": "1-2568051855",
                "label": "GB Packers",
                "line": "+3.5000",
                "oddsAmerican": "-110",
                "oddsDecimal": 1.9100,
                "oddsFractional": "10/11",
                "participant": "GB Packers"
            },
</code></pre>

<p>I am getting </p>

<pre><code>&lt;td&gt;{{data.name }}&lt;/td&gt;
        &lt;td&gt;{{data.homeTeamName }}&lt;/td&gt;
        &lt;td&gt;{{data.awayTeamName}}&lt;/td&gt;
        &lt;td&gt;{{data.startDate }}&lt;/td&gt;
        &lt;!--&lt;td&gt;{{data.offers[1].label }}&lt;/td&gt;--&gt;
        &lt;td&gt;{{data.offers.outcomes[2].line }}&lt;/td&gt;
</code></pre>

<p>I tried the above code to access line in outcomes object by it give me below error</p>

<pre><code>ERROR TypeError: Cannot read property '2' of undefined
</code></pre>


Accessing JSON data in Angular application (Multiple nested arrays)

 我如何从给定的对象访问'line‘数据？这是到api -https://sportsbook.draftkings.com/api/odds/v1/leagues/3/offers/gamelines.json的链接。 {    "events": [{        "id": 153502679,        ...

问在Angular应用程序中访问JSON数据(多个嵌套数组)
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Angular应用程序中访问JSON数据(多个嵌套数组)EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Angular应用程序中访问JSON数据(多个嵌套数组)
EN