json格式数据的添加,删除及排序方法

 更新时间:2016年01月21日 14:15:39   作者:张映  
这篇文章主要介绍了json格式数据的添加,删除及排序方法,结合实例形式分析了针对一维数组与二维数组的json格式数据进行增加、删除与排序的实现技巧,需要的朋友可以参考下

本文实例讲述了json格式数据的添加,删除及排序方法。分享给大家供大家参考,具体如下:

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

以js的数组举例:

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

一、添加和删除

1、一维数组

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

2、二维数组

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

二、排序

1、一维数组

test = ["100","23","325"]; //定义个数组
function sortNumber(a,b) //定义排序方法
{
   return a - b
}
test1_sort=test.sort(sortNumber);
console.log(test1_sort);

2、二维数组

test1 = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}];
sort_by = function(field, reverse, primer){ //定义排序方法
  var key = primer ?
    function(x) {return primer(x[field])} :
    function(x) {return x[field]};
  reverse = [-1, 1][+!!reverse];
  return function (a, b) {
    return a = key(a), b = key(b), reverse * ((a > b) - (b > a));
   }
}
test1_sort=test1.sort(sort_by('total', true, parseInt)); //根据total,升序排
console.log(test1_sort);
test1_sort=test1.sort(sort_by('name', false, '')); //根据name,倒序排
console.log(test1_sort);

别看是小问题,但是如果长时间不用,也会生疏,或者忘了。

更多关于json相关内容感兴趣的读者可查看本站专题:《JavaScript中json操作技巧总结》及《jQuery操作json数据技巧汇总

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JavaScript中的Promise详解

    JavaScript中的Promise详解

    现在网上有非常多的Promise文章,但都是给你一堆代码,或者某些核心代码,让你看完之后感觉,嗯,很厉害,但还是不知所云,不知其所以然。那么本文真正从一个小白开始带你深入浅出,一步一步实现自己的 Promise,这种自己造轮子的过程一定是进步最快的过程,快上车开始吧
    2022-11-11
  • JavaScript修改、删除数组中某个对象的某个属性几种方法

    JavaScript修改、删除数组中某个对象的某个属性几种方法

    在JavaScript开发中,经常需要修改数组中对象的属性,下面这篇文章主要介绍了JavaScript修改、删除数组中某个对象的某个属性几种方法,需要的朋友可以参考下
    2024-09-09
  • JavaScript之IE的fireEvent方法详细解析

    JavaScript之IE的fireEvent方法详细解析

    刚开始我以为是会跟平时使用onclick()一样,没想到最近在写javascript入门ppt的时候发现了,原来自己太自以为是了!看来还有很多javascript的细节没有掌握好啊
    2013-11-11
  • JS中用childNodes获取子元素换行会产生一个子元素

    JS中用childNodes获取子元素换行会产生一个子元素

    本文给大家分享JS中用childNodes获取子元素换行会产生一个子元素的实例代码,需要的朋友参考下
    2016-12-12
  • JavaScript数组方法之findIndex()的用法详解

    JavaScript数组方法之findIndex()的用法详解

    findIndex()方法是一个非常实用的数组方法,可以帮助我们快速查找符合某个条件的元素,本文给大家介绍JavaScript数组方法之findIndex()的用法,感谢的朋友跟随小编一起看看吧
    2023-10-10
  • js模拟电脑选择多文件夹效果_选区代码

    js模拟电脑选择多文件夹效果_选区代码

    模仿选择文件夹效果的javascript封装类,效果不错,实际应用呢,暂时用不到,大家可以学习思路
    2008-09-09
  • javascript的var与let,const之间的区别详解

    javascript的var与let,const之间的区别详解

    这篇文章主要为大家介绍了 javascript的var与let,const之间的区别,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • js canvas实现随机粒子特效

    js canvas实现随机粒子特效

    这篇文章主要为大家详细介绍了js canvas随机粒子特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • 原生JS实现飞机大战小游戏

    原生JS实现飞机大战小游戏

    这篇文章主要为大家详细介绍了原生JS实现飞机大战小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • JavaScript 实现模态对话框 源代码大全

    JavaScript 实现模态对话框 源代码大全

    对话框在Windows应用程序中使用非常普遍,许多应用程序的设定,与用户交互需要通过对话框来进行,因此对话框是Windows应用程序中最重要的界面元素之一,是与用户交互的重要手段。
    2009-05-05

最新评论