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 相关文章推荐
使用jQuery将多条数据插入模态框的实现代码
Oct 08 Javascript
javascript中String对象的slice()方法分析
Dec 20 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
Bootstrap源码解读按钮(5)
Dec 23 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
Jan 04 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
Vuex和前端缓存的整合策略详解
May 09 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
May 16 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
Aug 13 Javascript
Three.JS实现三维场景
Dec 30 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中把stdClass Object转array的几个方法
2014/05/08 PHP
CI框架表单验证实例详解
2016/11/21 PHP
初学JavaScript第二章
2008/09/30 Javascript
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
coffeescript使用的方式汇总
2015/08/05 Javascript
jquery验证手机号是否正确实例讲解
2015/11/17 Javascript
Express的路由详解
2015/12/10 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
javascript中call,apply,callee,caller用法实例分析
2019/07/24 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
详解Vue中的Props与Data细微差别
2020/03/02 Javascript
如何在postman中添加cookie信息步骤解析
2020/06/30 Javascript
[02:57]2014DOTA2国际邀请赛-观众采访
2014/07/19 DOTA
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
[01:11:21]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第三场 3月7日
2021/03/11 DOTA
Web服务器框架 Tornado简介
2014/07/16 Python
python写的一个squid访问日志分析的小程序
2014/09/17 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
出国考察邀请函
2014/01/21 职场文书
放飞梦想演讲稿
2014/05/05 职场文书
机关作风建设自查报告
2014/10/22 职场文书
学校教学工作总结2015
2015/05/19 职场文书
指导教师推荐意见
2015/06/05 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫
世界十大狙击步枪排行榜
2022/03/20 杂记
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python