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 相关文章推荐
extjs 学习笔记(二) Ext.Element类
Oct 13 Javascript
单击某一段文字改写文本颜色
Jun 06 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
JQuery EasyUI的使用
Feb 24 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 Javascript
JS常用算法实现代码
Nov 14 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
Jan 13 Javascript
echarts整合多个类似option的方法实例
Jul 10 Javascript
Element-UI踩坑之Pagination组件的使用
Oct 29 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 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自定义函数返回多个值
2006/11/26 PHP
SWFUpload与CI不能正确上传识别文件MIME类型解决方法分享
2011/04/18 PHP
php之XML转数组函数的详解
2013/06/07 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
Jquery判断IE6等浏览器的代码
2011/04/05 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
JS 两日期相减,获得天数的小例子(兼容IE,FF)
2013/07/01 Javascript
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
js代码实现随机颜色的小方块
2015/07/30 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
2015/08/04 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
AngularJS基础 ng-srcset 指令简单示例
2016/08/03 Javascript
angular ngClick阻止冒泡使用默认行为的方法
2016/11/03 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
2017/02/13 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
记录一次完整的react hooks实践
2019/03/11 Javascript
vue+iview/elementUi实现城市多选
2019/03/28 Javascript
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
Python数据结构之单链表详解
2017/09/12 Python
Python通过调用mysql存储过程实现更新数据功能示例
2018/04/03 Python
Python求离散序列导数的示例
2019/07/10 Python
python3跳出一个循环的实例操作
2020/08/18 Python
比驿:全球酒店比价网
2018/06/20 全球购物
台湾旅游网站:灿星旅游
2018/10/11 全球购物
股权转让意向书
2014/04/01 职场文书
机电专业求职信
2014/06/14 职场文书
2014年个人总结范文
2015/03/09 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
《秋思》教学反思
2016/02/23 职场文书
原生CSS实现文字无限轮播的通用方法
2021/03/30 HTML / CSS