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 相关文章推荐
IE6下focus与blur错乱的解决方案
Jul 31 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
Nov 30 Javascript
JQuery UI的拖拽功能实现方法小结
Mar 14 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
JS获得一个对象的所有属性和方法实例
Feb 21 Javascript
vue实现通讯录功能
Jul 14 Javascript
使用JavaScript破解web
Sep 28 Javascript
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
layui动态表头的实现代码
Aug 22 Javascript
JS实现点击掉落特效
Jan 29 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下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
php中根据变量的类型 选择echo或dump
2012/07/05 PHP
php 使用mpdf实现指定字段配置字体样式的方法
2019/07/29 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
将jQuery应用于login页面的问题及解决
2009/10/17 Javascript
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
Javascript获取当前日期的农历日期代码
2014/10/08 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
2016/08/05 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
2017/07/07 Javascript
完美解决axios跨域请求出错的问题
2018/02/05 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
[18:16]sakonoko 2017年卡尔集锦
2018/02/06 DOTA
使用Turtle画正螺旋线的方法
2017/09/22 Python
Python中url标签使用知识点总结
2020/01/16 Python
Python更新所有已安装包的操作
2020/02/13 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
Python程序慢的重要原因
2020/09/04 Python
Pytorch模型迁移和迁移学习,导入部分模型参数的操作
2021/03/03 Python
详解CSS 3 中的 calc() 方法
2018/01/12 HTML / CSS
焊接专业毕业生求职信
2013/10/01 职场文书
酒店公关部经理岗位职责
2013/11/24 职场文书
小学中秋节活动方案
2014/02/06 职场文书
人力资源总监工作说明
2014/03/03 职场文书
法制教育演讲稿
2014/09/10 职场文书
2014个人四风对照检查材料思想汇报
2014/09/18 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
青年文明号创建口号大全
2015/12/25 职场文书
公务员的复习计划书,请收下!
2019/07/15 职场文书