Jquery:解析JSON期间的自动类型转换

时间:2011-04-29 16:48:04

标签: javascript jquery


   有没有办法在解析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)));
    };
}   

4 个答案:

答案 0 :(得分:10)

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回调函数(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
    }
});

使用converter(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
});

答案 1 :(得分:1)

唯一的方法是循环使用JSON数据,并使用parseInt("2");将找到的字符串转换为数字。

答案 2 :(得分:1)

我遇到了同样的问题。在一行代码中,我删除紧接数字之前或之后或减号之前的任何引号。     

&#13;
&#13;
var chartData = $.parseJSON(rawData.replace(/"(-?\d)/g, "$1").replace(/(\d)"/g, "$1"));
&#13;
&#13;
&#13;

在我的情况下,它是通过我控制的PHP代码通过AJAX来的,我后来发现我可以简单地使用JSON_NUMERIC_CHECK - 请参阅PHP json_encode encoding numbers as strings

这些解决方案会将看起来像数字的任何内容转换为数字。因此,如果您可以拥有看起来像数字但需要被视为字符串的内容,则需要根据您的数据去寻找其他内容。

答案 3 :(得分:0)

如果您可以控制json源,则可以从坐标中删除引号。

根据json.org,值可以是sting,number,object,array,true,false或null。字符串被标识为以双引号括起来的字符序列。引号中未包含的数值应作为数字进行处理。您可以使用正在使用的解析器引擎进行验证。

如果您只是消耗json,那么数据过滤器和转换器方法已经提到,这将是解决任务的最常用方法。