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 15 Javascript
js 多浏览器分别判断代码
Apr 01 Javascript
js href的用法
May 13 Javascript
来自国外的页面JavaScript文件优化
Dec 08 Javascript
javascript定时保存表单数据的代码
Mar 17 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 Javascript
jQuery动画特效实例教程
Aug 29 Javascript
JSON简介以及用法汇总
Feb 21 Javascript
JavaScript九九乘法口诀表的简单实现
Oct 04 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
Sep 26 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
Zerg建筑一览
2020/03/14 星际争霸
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
在PHP中养成7个面向对象的好习惯
2010/07/17 PHP
用穿越火线快速入门php面向对象
2012/02/22 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
详解JavaScript函数绑定
2013/08/18 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
javascript设计模式之中介者模式学习笔记
2017/02/15 Javascript
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
用vue写一个仿简书的轮播图的示例代码
2018/03/13 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
python元组操作实例解析
2014/09/23 Python
在Python中操作文件之truncate()方法的使用教程
2015/05/25 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
详解解决Python memory error的问题(四种解决方案)
2019/08/08 Python
python 双循环遍历list 变量判断代码
2020/05/04 Python
Python xlwt模块使用代码实例
2020/06/10 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
迟到检讨书800字
2014/01/13 职场文书
后备干部培训方案
2014/05/22 职场文书
销售行政专员岗位职责
2014/06/10 职场文书
ktv好的活动方案
2014/08/17 职场文书
心得体会的写法
2014/09/05 职场文书
党支部群众路线整改措施思想汇报
2014/10/10 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫
python中validators库的使用方法详解
2022/09/23 Python