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 写类方式之九
Jul 05 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
Jul 26 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
js字符串转成JSON
Nov 07 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
JS实现判断碰撞的方法
Feb 11 Javascript
Bootstrap图片轮播组件使用实例解析
Jun 30 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
Sep 05 Javascript
浅谈webpack-dev-server的配置和使用
May 17 Javascript
详解Js里的for…in和for…of的用法
Mar 28 Javascript
Openlayers实现地图的基本操作
Sep 28 Javascript
通过实例了解Render Props回调地狱解决方案
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
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
PHP 模拟$_PUT实现代码
2010/03/15 PHP
php 5.3.5安装memcache注意事项小结
2011/04/12 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
js中widow.open()方法使用详解
2013/07/30 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
AjaxUpLoad.js实现文件上传
2018/03/05 Javascript
vue实现购物车抛物线小球动画效果的方法详解
2019/02/13 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
2019/05/10 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
使用js获取身份证年龄的示例代码
2020/12/11 Javascript
利用python为运维人员写一个监控脚本
2018/03/25 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
在Tensorflow中实现梯度下降法更新参数值
2020/01/23 Python
python 制作网站小说下载器
2021/02/20 Python
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
开业主持词
2014/03/21 职场文书
园艺师求职信
2014/04/27 职场文书
品牌推广活动策划方案
2014/08/19 职场文书
2014年感恩节活动策划方案
2014/10/06 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
五四青年节比赛演讲稿
2015/03/18 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS
前端传参数进行Mybatis调用mysql存储过程执行返回值详解
2022/08/14 MySQL
Java获取字符串编码格式实现思路
2022/09/23 Java/Android