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 相关文章推荐
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
Apr 02 Javascript
js 走马灯简单实例
Nov 21 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
slideToggle+slideup实现手机端折叠菜单效果
May 25 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
微信小程序富文本渲染引擎的详解
Sep 30 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
typescript配置alias的详细步骤
Aug 12 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 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 parse_url 一个好用的函数
2009/10/03 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
php截取中文字符串函数实例
2015/02/23 PHP
php定义一个参数带有默认值的函数实例分析
2015/03/16 PHP
PHP通过API获取手机号码归属地
2015/05/28 PHP
PHP中多线程的两个实现方法
2016/10/14 PHP
PHP二维关联数组的遍历方式(实例讲解)
2017/10/18 PHP
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
JS判断当前日期是否大于某个日期的实现代码
2012/09/02 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
[jQuery] 事件和动画详解
2019/03/05 jQuery
微信公众号平台接口开发 获取微信服务器IP地址方法解析
2019/08/14 Javascript
python调用cmd命令行制作刷博器
2014/01/13 Python
python根据经纬度计算距离示例
2014/02/16 Python
python读取csv文件并把文件放入一个list中的实例讲解
2018/04/27 Python
python之yield和Generator深入解析
2019/09/18 Python
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
编程输出如下图形
2013/11/24 面试题
销售冠军获奖感言
2014/02/03 职场文书
英文演讲稿
2014/05/15 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
实习单位推荐信
2015/03/27 职场文书
无保留意见审计报告
2015/06/05 职场文书
离职证明格式样本
2015/06/12 职场文书
2016年度优秀辅导员事迹材料
2016/02/26 职场文书
Golang二维数组的使用方式
2021/05/28 Golang
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python