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 判断客户端浏览器类型代码
Mar 01 Javascript
JQuery将文本转化成JSON对象需要注意的问题
May 09 Javascript
select标记美化--JS式插件、后期加载
Apr 01 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
vue中将网页打印成pdf实例代码
Jun 15 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
浅谈Vuex的状态管理(全家桶)
Nov 04 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
ES6 中可以提升幸福度的小功能
Aug 06 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
原生JS中应该禁止出现的写法
May 05 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
MVC模式的PHP实现
2006/10/09 PHP
PHP 手机归属地查询 api
2010/02/08 PHP
队列在编程中的实际应用(php)
2010/09/04 PHP
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
json 实例详细说明教程
2009/10/31 Javascript
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
js函数内变量的作用域分析
2015/01/12 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
2017/05/23 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
2018/04/18 jQuery
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
详解vue中this.$emit()的返回值是什么
2019/04/07 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
[03:48]大碗DOTA
2019/07/25 DOTA
python 设置文件编码格式的实现方法
2017/12/21 Python
Python SVM(支持向量机)实现方法完整示例
2018/06/19 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
如何实现jdbc性能优化
2012/07/30 面试题
医学求职信
2014/05/28 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
小学班长竞选稿
2015/11/20 职场文书
检讨书格式
2019/04/25 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
使用nginx配置访问wgcloud的方法
2021/06/26 Servers
无线电通信名词解释
2022/02/18 无线电
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android