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 相关文章推荐
js 多种变量定义(对象直接量,数组直接量和函数直接量)
May 24 Javascript
jquery显示隐藏input对象
Jul 21 Javascript
jquery实现图片左右切换的方法
May 07 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
JavaScript实现显示函数调用堆栈的方法
Apr 21 Javascript
Bootstrap表单布局
Jul 19 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
Aug 11 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
Nov 29 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
Vue基础配置讲解
Nov 29 Javascript
redux处理异步action解决方案
Mar 22 Javascript
vant picker+popup 自定义三级联动案例
Nov 04 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获取网址的顶级域名函数代码
2012/09/24 PHP
Youku 视频绝对地址获取的方法详解
2013/06/26 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
2010/03/17 Javascript
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
jquery中的$(document).ready()使用小结
2014/02/14 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
关于Vue.js一些问题和思考学习笔记(1)
2016/12/02 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
2017/09/03 Javascript
Angularjs自定义指令实现分页插件(DEMO)
2017/09/16 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
小程序实现五星点评效果
2018/11/03 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
使用Python生成随机密码的示例分享
2016/02/18 Python
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
django项目搭建与Session使用详解
2018/10/10 Python
详细介绍pandas的DataFrame的append方法使用
2019/07/31 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
优秀大学生的自我评价
2014/01/16 职场文书
应聘面试自我评价
2014/01/24 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
市场营销专业求职信
2014/06/17 职场文书
Python 发送SMTP邮件的简单教程
2021/06/24 Python
mysql聚集索引、辅助索引、覆盖索引、联合索引的使用
2022/02/12 MySQL