Question

请问我想从JSON的API中获取一个值，但是想要的对象是重复的，我不知道如何选择该对象的值

This is a screen of the API

在屏幕上，我有一个名为“ region”的对象，但是它被重复了很多次，所以我只想获取第一个值

the wanted value

这是我的代码javascript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    cas confirmé<p id="1"></p>
    <br>
    <br>
    cas recovered<p id="2"></p>
    <br>
    <br>
    cas decedés<p id="3"></p>
</body>

<script>

    const api = 'https://covidma.herokuapp.com/api?fbclid=IwAR2Zsptom8RZPknstJrmlJwaCKfSTvxyO5fOCAUt_NNN9YvbsSPq1b_kF0o';

    async function getData() {
        const response = await fetch(api);
        const data = await response.json();
        const [{ confirmed , recovered , region }] = data;

        document.getElementById('1').textContent = confirmed;
        document.getElementById('2').textContent = recovered;
        document.getElementById('3').textContent = region[0];
    }
    getData();



</script>
</html>

Answer 1

正如评论所指出的那样，发布代码而不是截图始终是最简单的。

据我所知，正确的索引应该是：

const { confirmed, recovered, region } = data[0][0]

如果上述方法无效，请使用实际代码而不是屏幕截图更新您的问题。

您可以使用markdown代码块：```code```

从url（API）获取特定的对象，并在html中打印值

1 个答案: