jQuery简单实现对数组去重及排序操作实例


Posted in jQuery onOctober 31, 2017

本文实例讲述了jQuery简单实现对数组去重及排序操作。分享给大家供大家参考,具体如下:

1. 去重:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQ去重</title>
</head>
<body>
<script src="jquery-1.7.2.min.js"></script>
<script>
var yearArray = new Array(2009, 2009, 2010, 2010, 2009, 2010);
$.unique(yearArray);
console.log(yearArray);//2009,2010
</script>
</body>
</html>

运行结果:

jQuery简单实现对数组去重及排序操作实例

2. 先排序再去重:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQ去重+排序</title>
</head>
<body>
<script src="jquery-1.7.2.min.js"></script>
<script>
var yearArray = new Array(2009, 2009, 2008, 2010, 2009, 2010);
$.unique(yearArray.sort());
console.log(yearArray);//2010,2009,2008
</script>
</body>
</html>

运行结果:

jQuery简单实现对数组去重及排序操作实例

jQuery 相关文章推荐
利用jQuery解析获取JSON数据
Apr 08 jQuery
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jquery实现倒计时小应用
Sep 19 jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
jQuery zTree树插件的使用教程
Aug 16 jQuery
jquery实现拖拽添加元素功能
Dec 01 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 jQuery
jQuery ajax读取本地json文件的实例
Oct 31 #jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 #jQuery
Vue中正确使用jQuery的方法
Oct 30 #jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 #jQuery
原生JS与jQuery编写简单选项卡
Oct 30 #jQuery
简单实现jQuery弹窗效果
Oct 30 #jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 #jQuery
You might like
PHP的5个安全措施小结
2012/07/17 PHP
深入apache host的配置详解
2013/06/09 PHP
简单的自定义php模板引擎
2016/08/26 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
PHP将字符串首字母大小写转换的实例
2017/01/21 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
PHP chop()函数讲解
2019/02/11 PHP
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
2015/07/27 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
2016/05/30 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
2017/02/07 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
JS仿Base.js实现的继承示例
2017/04/07 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
nodejs 使用nodejs-websocket模块实现点对点实时通讯
2018/11/28 NodeJs
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
详解JSON.stringify()的5个秘密特性
2020/05/26 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
2020/11/02 Javascript
解决await在forEach中不起作用的问题
2021/02/25 Javascript
python 阶乘累加和的实例
2019/02/01 Python
Django如何开发简单的查询接口详解
2019/05/17 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
Python3加密解密库Crypto的RSA加解密和签名/验签实现方法实例
2020/02/11 Python
Django中从mysql数据库中获取数据传到echarts方式
2020/04/07 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
H5最强接口之canvas实现动态图形功能
2019/05/31 HTML / CSS
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
SQL Server面试题
2016/10/17 面试题
幼师自我鉴定
2014/02/01 职场文书
企业管理标语
2014/06/10 职场文书
2016新年问候语大全
2015/11/11 职场文书
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS