javascript – Jquery：解析JSON期间的自动类型转换

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Jquery：解析JSON期间的自动类型转换，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1783字，纯文字阅读大概需要3分钟。

内容图文

有没有办法在解析Json时指定类型,以便自动进行转换.

所以我有jsonData,x和y值需要是数字.所以,我能想到的唯一方法是循环和转换每个.有更好的逻辑,还是有效的方法？

var jsonData = '[{"x:"1", "y":"2"}, {"x:"3", "y":"4"}]'
var needed = [{x:1, y:2}, {x:3, y:4}]
var vals = $.parseJSON(jsonData);
//
var Coord = function(x, y){
this.x = x;
this.y = y;
}
var result = [];
function convert(vals) {
for (var i=0,l=vals.length; i<l; i++) {
        var d = vals[i];
        result.push(new Coord(Number(d.x), Number(d.y)));
    };
}   

解决方法:

jsonData变量中的JSON无效.只有属性应该在双引号内.每当您将数据转换为JSON时,请使用解析器(explained on json.org)并且不要手动编写它.您始终可以使用JSONLint等工具检查JSON是否有效.

任何数字(整数,十进制,浮点数)都是有效的JSON数据类型,不必用双引号进行封装.

这是有效的JSON：[{“x”：1,“y”：2},{“x”：3,“y”：4}]

但是,如果您无法控制源并使用ajax检索JSON,则可以为dataFilter选项提供回调函数.如果您使用的是jQuery 1.5,那么converters也是通用的dataFilter回调.

我怀疑x和y坐标可能是十进制数,这就是我在下面的例子中选择使用parseFloat而不是parseInt的原因.

使用dataFilter回调函数的例子(pre jQuery 1.5)：

$.ajax({
    url: "/foo/",
    dataFilter: function(data, type){
        if (type == "json") {
            var json = $.parseJSON(data);
            $.each(json, function(i,o){
                if (o.x) {
                    json[i].x = parseFloat(o.x);
                }
                if (o.y) {
                    json[i].y = parseFloat(o.y);
                }
            });
        }
        return data;
    },
    success: function(data){
        // data should now have x and y as float numbers
    }
});

使用转换器的示例(jQuery 1.5或更高版本)：

$.ajaxSetup({
    converters: {
        "json jsoncoords": function(data) {
            if (valid(data)) {
                $.each(data, function(i,o){
                    if (o.x) {
                        data[i].x = parseFloat(o.x);
                    }
                    if (o.y) {
                        data[i].y = parseFloat(o.y);
                    }
                });
                return data;
            } else {
                throw exceptionObject;
            }
        }
    }
});

$.ajax({
    url: "/foo/",
    dataType: "jsoncoords"
}).success(function(data){
    // data should now have x and y as float numbers
});

内容总结

以上是互联网集市为您收集整理的javascript – Jquery：解析JSON期间的自动类型转换全部内容，希望文章能够帮你解决javascript – Jquery：解析JSON期间的自动类型转换所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端