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的对话框详解与参数
Mar 08 Javascript
jquery统计用户选中的复选框的个数
Jun 06 Javascript
jQuery实现ctrl+enter(回车)提交表单
Oct 19 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
js+html5操作sqlite数据库的方法
Feb 02 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
js 提取某()特殊字符串长度的实例
Dec 06 Javascript
vue2中使用less简易教程
Mar 27 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
Feb 26 Javascript
vue-cli随机生成port源码的方法
Sep 02 Javascript
js实现简单的打印表格
Jan 15 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程序--记数器
2006/10/09 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
Javascript学习笔记一 之 数据类型
2010/12/15 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
ztree获取当前选中节点子节点id集合的方法
2015/02/12 Javascript
网页收藏夹显示ICO图标(代码少)
2015/08/04 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
2015/12/04 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
React利用插件和不用插件实现双向绑定的方法详解
2017/07/03 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
2017/07/03 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
Linux中Python 环境软件包安装步骤
2016/03/31 Python
python中文分词,使用结巴分词对python进行分词(实例讲解)
2017/11/14 Python
python 二维数组90度旋转的方法
2019/01/28 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
Python 实现使用空值进行赋值 None
2020/03/12 Python
基于Python的OCR实现示例
2020/04/03 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
Python的collections模块真的很好用
2021/03/01 Python
斯凯奇澳大利亚官网:SKECHERS澳大利亚
2018/03/31 全球购物
迪奥美国官网:Dior美国
2019/12/07 全球购物
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
自荐书模板
2013/12/19 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
python基础之匿名函数详解
2021/04/21 Python