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焦点的方法小结
Oct 08 Javascript
jQuery中triggerHandler()方法用法实例
Jan 19 Javascript
JavaScript使用cookie记录临时访客信息的方法
Apr 07 Javascript
JS实现定时自动关闭DIV层提示框的方法
May 11 Javascript
jQuery语法小结(超实用)
Dec 31 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
Sep 14 Javascript
微信小程序request出现400的问题解决办法
May 23 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
小程序实现多选框功能
Oct 30 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
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
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
php写的AES加密解密类分享
2014/06/20 PHP
thinkphp缓存技术详解
2014/12/09 PHP
php封装json通信接口详解及实例
2017/03/07 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
jquery validate poshytip 自定义样式
2012/11/26 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
2014/08/07 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
跟我学习javascript的异步脚本加载
2015/11/20 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
js获取及判断键盘按键的方法
2015/12/01 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
jQuery实现表格元素动态创建功能
2017/01/09 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
python的构建工具setup.py的方法使用示例
2017/10/23 Python
Python内存读写操作示例
2018/07/18 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
土木工程应届生求职信
2013/10/31 职场文书
校园元旦活动总结
2014/07/09 职场文书
离职证明范本(5篇)
2014/09/19 职场文书
2015年九一八事变纪念日演讲稿
2015/03/19 职场文书
八年级数学教学反思
2016/02/17 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏
详解Python中*args和**kwargs的使用
2022/04/07 Python