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入门第一课 jQuery选择符
Mar 14 Javascript
Javascript实现的鼠标经过时播放声音
May 18 Javascript
通过百度地图获取公交线路的站点坐标的js代码
May 11 Javascript
捕获键盘事件(且兼容各浏览器)
Jul 03 Javascript
Jquery的each里用return true或false代替break或continue
May 21 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
JavaScript中判断整字类型最简洁的实现方法
Nov 08 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
Aug 29 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 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随机获取金山词霸每日一句的方法
2015/07/09 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
php 使用redis锁限制并发访问类示例
2016/11/02 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
jquery实用代码片段集合
2010/08/12 Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
2010/12/11 Javascript
javascript实现图片循环渐显播放的方法
2015/02/24 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
Angular2利用组件与指令实现图片轮播组件
2017/03/27 Javascript
js实现适配不同的屏幕大小
2017/04/10 Javascript
mpvue将vue项目转换为小程序
2018/09/30 Javascript
解决Layui数据表格的宽高问题
2019/09/28 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
微信小程序地图实现展示线路
2020/07/29 Javascript
深入理解javascript中的this
2021/02/08 Javascript
[03:39]这就是刀塔,我们是冠军!燃情短片讲述我们的DOTA故事
2019/07/02 DOTA
python文件和目录操作函数小结
2014/07/11 Python
Django中反向生成models.py的实例讲解
2018/05/30 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
python如何查看安装了的模块
2020/06/23 Python
获取python运行输出的数据并解析存为dataFrame实例
2020/07/07 Python
css3实现垂直下拉动画菜单示例
2014/04/22 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
2020/11/25 HTML / CSS
澳大利亚在线购买儿童玩具:Toy Universe
2017/12/28 全球购物
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
材料物理专业个人求职信
2013/12/15 职场文书
银行类自荐信
2014/02/04 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
先进班组材料范文
2014/12/25 职场文书
详解MySQL的Seconds_Behind_Master
2021/05/18 MySQL
详解Python魔法方法之描述符类
2021/05/26 Python
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技