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实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
jquery预加载图片的方法
May 27 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
Jquery为DIV添加click事件的简单实例
Jun 02 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 Javascript
微信小程序 开发之全局配置
May 05 Javascript
Vue中的v-for循环key属性注意事项小结
Aug 12 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
Nov 16 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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
PHP遍历并打印指定目录下所有文件实例
2014/02/10 PHP
PHP异常Parse error: syntax error, unexpected T_VAR错误解决方法
2014/05/06 PHP
JavaScript延迟加载
2021/03/09 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
2015/12/02 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
JavaScript中的 new 命令
2019/05/22 Javascript
package.json中homepage属性的作用详解
2020/03/11 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
python 循环遍历字典元素的简单方法
2016/09/11 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
详解js文件通过python访问数据库方法
2019/03/03 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
python实现鸢尾花三种聚类算法(K-means,AGNES,DBScan)
2019/06/27 Python
详解python程序中的多任务
2020/09/16 Python
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
android面试问题与答案
2016/12/27 面试题
什么是唯一索引
2015/07/05 面试题
政法大学毕业生自荐信范文
2014/01/01 职场文书
教师产假请假条
2014/04/10 职场文书
医药营销个人求职信
2014/04/12 职场文书
家长对学生的评语
2014/04/18 职场文书
六查六看心得体会
2014/10/14 职场文书
导游词怎么写
2015/02/04 职场文书
上诉答辩状范文
2015/05/22 职场文书
植树节新闻稿
2015/07/17 职场文书
导游词之日月潭
2019/11/05 职场文书