如何将json数据设置为javascript中的变量

How to set json data as a variable in javascript?

本文关键字：javascript 变量 设置 json 数据      更新时间：2023-09-26

我已经得到了以下json数据与我

 {
                            "id": "0004",
                            "name": "Thums Up",
                            "image":{"url": "images/0001.jpg","width": 200,"height": 200},
                            "Can":[ "250ml", "300ml","330ml", {"image":"images/0001.jpg" }],
                            "Bottle":[ "350ml",  "600ml", {"image":"images/0001.jpg" } ],
                            "Fountain":["small", "large", {"image":"images/0001.jpg" }]
                        }

我想在我的html文件中使用上面的json数据，所以我手动删除所有的空格并以这种方式分配

 <script type="text/javascript">
    $(document).ready(function () {
    var jsondata = ' {"id": "0004","name": "Thums Up","image":{"url": "images/0001.jpg","width": 200,"height": 200},
    "Can":[ "250ml", "300ml","330ml", {"image":"images/0001.jpg" }],"Bottle":[ "350ml",  "600ml", {"image":"images/0001.jpg" } ],"Fountain":["small", "large", {"image":"images/0001.jpg" }]}';
    });
    </script>

如果json数据很大，那么它真的需要花费很多时间来做这个。有什么方法或工具我可以自动做到这一点吗?

如果你想要json数据作为字符串格式，那么你必须使用json。stringify函数。

见下面的例子:

var jsonData = {
        "id": "0004",
        "name": "Thums Up",
        "image": { "url": "images/0001.jpg", "width": 200, "height": 200 },
        "Can": ["250ml", "300ml", "330ml", { "image": "images/0001.jpg" }],
        "Bottle": ["350ml", "600ml", { "image": "images/0001.jpg" }],
        "Fountain": ["small", "large", { "image": "images/0001.jpg" }]
    };
    var jsonString = JSON.stringify(jsonData);

JSON是javascript的一个子集。这意味着JSON可以被直接解析为javascript。所以去掉那些引号，它应该可以正常工作。

var jsondata = {
    "id": "0004",
    "name": "Thums Up",
    "image": {
        "url": "images/0001.jpg",
        "width": 200,
        "height": 200
    },
    "Can": ["250ml", "300ml", "330ml", {
        "image": "images/0001.jpg"
    }],
    "Bottle": ["350ml", "600ml", {
        "image": "images/0001.jpg"
    }],
    "Fountain": ["small", "large", {
        "image": "images/0001.jpg"
    }]
}

在任何js控制台中运行:(或者您可以将其放在您的代码中)

JSON.stringify({
                            "id": "0004",
                            "name": "Thums Up",
                            "image":{"url": "images/0001.jpg","width": 200,"height": 200},
                            "Can":[ "250ml", "300ml","330ml", {"image":"images/0001.jpg" }],
                            "Bottle":[ "350ml",  "600ml", {"image":"images/0001.jpg" } ],
                            "Fountain":["small", "large", {"image":"images/0001.jpg" }]
                        })
相关文章：