从一个实例看javascript几种常用格式的转换

要对如图一所示的左侧table的数据按照“总量”进行排序

  1,在前端实现

  2,数据格式为object,如图二

原创文章,转载请注明:http://www.cnblogs.com/phpgcs

从一个实例看javascript几种常用格式的转换

从一个实例看javascript几种常用格式的转换

 

javascript中经常操作就是json/object/array,它们之间也经常需要转换。

json/object没有sort方法,array有;因此先将data转换为array

不只是排序,其他很多操作如获取长度,增加删除元素,取最大最小值都需要转换为Array

1
2
3
4
5
6
7
8
var proarray = [];
for(x in data[‘province‘]) {
    proarray.push([x, data[‘province‘][x]]);
}
proarray.sort(function(b,a){
    //因为是对总量进行排序,所以要对正面、中性、负面的总和进行比较
    return a[1][‘zm‘]-b[1][‘zm‘]+a[1][‘zx‘]-b[1][‘zx‘]+a[1][‘fm‘]-b[1][‘fm‘];
});

  

再打印以下 排序之后的 proarray变量(array)

从一个实例看javascript几种常用格式的转换

原创文章,转载请注明:http://www.cnblogs.com/phpgcs

完整的源码如下:

  

延伸:

javascript中常用数据格式的转换

  • json->array
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function json2array(json){
    var result = [];
    var keys = Object.keys(json);
    keys.forEach(function(key){
        result.push(json[key]);
    });
    return result;
}
//example
json2array({a:1,b:2});
[1, 2]
//more complex example
json2array({20131013: 66, 20131014: 198, 20131015: 253, 20131016: 352, 20131017: 293, 20131018: 277, 20131019: 111, 20131020: 91, 20131021: 255, 20131022: 256, 20131023: 293, 20131024: 390, 20131025: 401, 20131026: 117, 20131027: 45, 20131028: 54, 20131029: 59, 20131030: 66, 20131031: 109, 20131101: 32});
[66, 198, 253, 352, 293, 277, 111, 91, 255, 256, 293, 390, 401, 117, 45, 54, 59, 66, 109, 32]

  

  • array->string
1
2
3
4
5
var a = [{"obj1":"phpgcs"}, {"obj2":"ganiks"}]
console.log(a);
//[Object, Object]
JSON.stringify(a)
//"[{"obj1":"phpgcs"},{"obj2":"ganiks"}]"

  

  • string->array
1
2
3
4
5
6
"1,2".split(",").map(Number);
[1, 2]
"1,2".split(",");
["1", "2"]
JSON.parse("["+"1,2"+"]");
[1, 2]

  

  • object->json
1
2
3
4
5
6
7
//php print_r($response);
 
.post(url, params, function(data){
    console.log(data);//data并不是规范的JSON格式的
    data = $.parseJSON(data);
    console.log(data);
});<br>//这里如果直接用.getJSON方法获取ajax数据则直接就是规范的JSON数据

  

参考:

http://phpgcs.com/2013/10/31/javascript-tricks-collection.html

http://*.com/questions/17684921/sort-json-object-in-javascript

http://*.com/questions/1069666/sorting-javascript-object-by-property-value

从一个实例看javascript几种常用格式的转换,布布扣,bubuko.com

从一个实例看javascript几种常用格式的转换

上一篇:MVC view操作(Razor语法)


下一篇:java.lang.IllegalArgumentException: Document base F:\personal\projects\annoMVC\web does not exist or is not a readable directory