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


Posted in Javascript onJanuary 21, 2016

本文实例讲述了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);

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

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

Javascript 相关文章推荐
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
javascript匿名函数实例分析
Nov 18 Javascript
jQuery层级选择器用法分析
Feb 10 Javascript
js为什么不能正确处理小数运算?
Dec 29 Javascript
jQuery删除当前节点元素
Dec 07 Javascript
JS中Attr的用法详解
Oct 09 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
vue 配置多页面应用的示例代码
Oct 22 Javascript
微信小程序实现下拉刷新动画
Jun 21 Javascript
JavaScript观察者模式原理与用法实例详解
Mar 10 Javascript
详解elementUI中input框无法输入的问题
Apr 27 Javascript
npm ci命令的基本使用方法
Sep 20 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 #Javascript
js console.log打印对像与数组用法详解
Jan 21 #Javascript
JS遍历数组及打印数组实例分析
Jan 21 #Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 #Javascript
如何用angularjs制作一个完整的表格
Jan 21 #Javascript
angularjs自定义ng-model标签的属性
Jan 21 #Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
Jan 21 #Javascript
You might like
php分页思路以及在ZF中的使用
2012/05/30 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
php获取参数的几种方法总结
2014/02/18 PHP
Linux中用PHP判断程序运行状态的2个方法
2014/05/04 PHP
php快速查找数据库中恶意代码的方法
2015/04/01 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
javascript类型转换示例
2014/04/29 Javascript
JavaScript的null和undefined区别示例介绍
2014/09/15 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
AngularJS入门教程之AngularJS模型
2016/04/18 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
vue数字类型过滤器的示例代码
2017/09/07 Javascript
vue使用axios时关于this的指向问题详解
2017/12/22 Javascript
简单实现节流函数和防抖函数过程解析
2019/10/08 Javascript
Python使用py2exe打包程序介绍
2014/11/20 Python
剖析Python的Twisted框架的核心特性
2016/05/25 Python
matplotlib中legend位置调整解析
2017/12/19 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
基于python 爬虫爬到含空格的url的处理方法
2018/05/11 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
Python 图片处理库exifread详解
2021/02/25 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
html5 利用canvas实现超级玛丽简单动画
2013/09/06 HTML / CSS
2014年五四青年节演讲稿范文
2014/04/22 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
2016中学教师读书心得体会
2016/01/13 职场文书