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 相关文章推荐
JS实现浏览器菜单命令
Sep 05 Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 Javascript
分享10个原生JavaScript技巧
Apr 20 Javascript
node.js 使用ejs模板引擎时后缀换成.html
Apr 22 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 Javascript
基于JavaScript如何制作遮罩层对话框
Jan 26 Javascript
使用node.js搭建服务器
May 20 Javascript
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
Oct 31 Javascript
Vue实现验证码功能
Dec 03 Javascript
如何在 Vue 表单中处理图片
Jan 26 Vue.js
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之PHP语法学习笔记1
2006/12/17 PHP
PHP获取网卡地址的代码
2008/04/09 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2020/01/22 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
基于jquery的实现简单的表格中增加或删除下一行
2010/08/01 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
jquery控制select的text/value值为选中状态
2014/06/03 Javascript
jQuery设置和获取HTML、文本和值示例
2014/07/08 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
Javascript非构造函数的继承
2015/04/27 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
前端把html表格生成为excel表格的实例
2017/09/19 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
python登陆asp网站页面的实现代码
2015/01/14 Python
更改Ubuntu默认python版本的两种方法python-> Anaconda
2016/12/18 Python
使用python画个小猪佩奇的示例代码
2018/06/06 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
python对文件目录的操作方法实例总结
2019/06/24 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
python操作cfg配置文件方式
2019/12/22 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
html+js 实现markdown编辑器效果
2019/10/23 HTML / CSS
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
小米旗下精品生活电商平台:小米有品
2018/12/18 全球购物
证婚人经典证婚词
2014/01/09 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
教师三严三实心得体会
2014/10/11 职场文书
2015年春节标语口号
2014/12/09 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
导游词之香港-太平山顶
2019/10/18 职场文书
详解MySQL集群搭建
2021/05/26 MySQL