【无标题】

最新推荐文章于 2024-09-26 01:42:12 发布

bioioid_song

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量303

点赞数

文章标签： javascript 前端 json

本文链接：https://blog.csdn.net/m0_49786709/article/details/122892302

版权

JS

数组(JSArray)和对象(JSObject)嵌套

使用JSON提取数据：城市name、天气text、温度temperature，并在HTML中展示

{“results”:[{“location”:{“id”:“WWGQDCW6TBW1”,“name”:“天津”,“country”:“CN”,“path”:“天津,天津,中国”,“timezone”:“Asia/Shanghai”,“timezone_offset”:"+08:00"},“now”:{“text”:“晴”,“code”:“1”,“temperature”:“3”},“last_update”:“2022-02-09T21:18:05+08:00”}]}

<body>
    <p id = "demo"></p>
    <script>
        var obj = {"results":[{
            "location":{"id":"WWGQDCW6TBW1","name":"天津","country":"CN","path":"天津,天津,中国","timezone":"Asia/Shanghai","timezone_offset":"+08:00"},
            "now":{"text":"晴","code":"1","temperature":"3"},"last_update":"2022-02-09T21:18:05+08:00"}]}
        //对象变字符串
        //obj这是个对象，对象用{}括起来。对象里面只有一个数组results，数组内容用[]括起来。数组内是一个大对象和last_update。
        //results后第一个大的{}是干嘛的。这个大括号{}括起来的是results[0]，在这个代码中obj所有内容都括在了results[0]中。
        //大对象里面是两个小对象，两个小对象的键分别为location和now,
        console.obj;//不会有results这一显示，直接就显示是location，毕竟results是数组名。
        text = JSON.stringify(obj.results);//变成字符串才易于输出？
        obj1 = JSON.parse(text);
        console.log(text);
        console.log(obj1);
        //
        console.log(obj1[0].location.name);
        //
        document.getElementById("demo").innerHTML = obj1[0].location.name + " " + obj1[0].now.text + " " + obj1[0].now.temperature;
        //其实不用变需要用stringfy和parse，直接用obj.results[0].location.name就行了，和obj1[0].location.name相等
        //下面的这几个比较一下就明白了
        console.log(obj);
        console.log(obj.results[0]);//这是一个对象
        console.log(obj.results[0].location);
        console.log(obj.results[0].last_update);
        console.log(obj.results[0].location.name);
       //数组和对象嵌套
    </script>
</body>