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 相关文章推荐
表单提交验证类
Jul 14 Javascript
在JavaScript中通过URL传递汉字的方法
Apr 09 Javascript
js比较和逻辑运算符的介绍
Mar 10 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
javascript DIV实现跟随鼠标移动
Mar 19 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
详解Angular Reactive Form 表单验证
Jul 06 Javascript
JS中双击和单击事件冲突的解决方法
Apr 09 Javascript
VueCli3构建TS项目的方法步骤
Nov 07 Javascript
JavaScript函数IIFE使用详解
Oct 21 Javascript
详细分析React 表单与事件
Jul 08 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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
PHP通过插入mysql数据来实现多机互锁实例
2014/11/05 PHP
php检索或者复制远程文件的方法
2015/03/13 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
对PHP依赖注入的理解实例分析
2016/10/09 PHP
PHP7实现和CryptoJS的AES加密方式互通示例【AES-128-ECB加密】
2019/06/08 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
js 实现打印网页中定义的部分内容的代码
2010/04/01 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
js获取当前时间(昨天、今天、明天)
2016/11/23 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
2017/03/23 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
Python中time模块和datetime模块的用法示例
2016/02/28 Python
Python实现的多线程同步与互斥锁功能示例
2017/11/30 Python
Django admin美化插件suit使用示例
2017/12/12 Python
python实现基于SVM手写数字识别功能
2020/05/27 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
Python extract及contains方法代码实例
2020/09/11 Python
python中的yield from语法快速学习
2020/11/06 Python
Python列表的深复制和浅复制示例详解
2021/02/12 Python
手把手教你实现一个canvas智绘画板的方法
2019/03/04 HTML / CSS
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
7 For All Mankind官网:美国加州洛杉矶的高级牛仔服装品牌
2018/12/20 全球购物
总经理任命书范本
2014/06/05 职场文书
医院搬迁方案
2014/06/14 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
幼儿园老师新年寄语
2015/08/17 职场文书