• json 数据 添加 删除 排序


    json 数据 添加 删除 排序

    js数据格式和json数据格式,各有各的用处,就个人而言,json更好用一点,js自身的数组和对像限制比较多。

    以js的数组举例:

    1 var a = ['1'];  
    2 a[5] = 52;  
    3 a.length    //这儿的结果是6,也就是说,中间的key会自动补全,而值呢,是undefined  

    一,添加和删除

    1,一维数组

    1 test = {};                      //空json对像  
    2 test['firstname'] = "tank";     //添加二个元素  
    3 test['lastname'] = "zhang";  
    4 console.log(test);              //查看  
    5   
    6 delete test['lastname'];        //删除json中的某个元素  
    7 console.log(test);  

    2,二维数组

    1 test1 = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}];  
    2 add = {"name":"may"};  
    3   
    4 test1.push(add);              //添加一个元素  
    5 console.log(test1);    
    6   
    7 delete test1[2];              //删除一个元素  
    8 console.log(test1);  

    二,排序

    1,一维数组

     1 test = ["100","23","325"];           //定义个数组  
     2   
     3 function sortNumber(a,b)             //定义排序方法  
     4 {  
     5      return a - b  
     6 }  
     7   
     8 test1_sort=test.sort(sortNumber);  
     9   
    10 console.log(test1_sort);  

    2,二维数组

     1 test1 = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}];  
     2   
     3 sort_by = function(field, reverse, primer){         //定义排序方法  
     4   
     5    var key = primer ?  
     6        function(x) {return primer(x[field])} :  
     7        function(x) {return x[field]};  
     8   
     9    reverse = [-1, 1][+!!reverse];  
    10   
    11    return function (a, b) {  
    12        return a = key(a), b = key(b), reverse * ((a > b) - (b > a));  
    13      }   
    14   
    15 }  
    16   
    17 test1_sort=test1.sort(sort_by('total', true, parseInt));    //根据total,升序排  
    18 console.log(test1_sort);   
    19   
    20 test1_sort=test1.sort(sort_by('name', false, ''));          //根据name,倒序排  
    21 console.log(test1_sort);  

    参考地址:http://blog.51yip.com/jsjquery/1583.html

  • 相关阅读:
    爬取动态html网页,requests+execjs
    pycharm2019.2一个奇怪的bugger,执行后输出内容被莫名处理
    博客园啥时候升级了,刚看到
    在浏览器的市场上,IE依然是放弃了,firefox还在继续~~
    jetbrain rider 逐渐完美了,微软要哭了么?
    div层的滑入滑出实例
    关于js的<、>、=、<=、>=的比较
    Jquery实现左右轮播效果
    Html5离线缓存详细讲解
    CANVAS画布与SVG的区别
  • 原文地址:https://www.cnblogs.com/louby/p/7778522.html
Copyright © 2020-2023  润新知