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自定义图片上传插件实例代码
Apr 04 jQuery
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery Validate 校验多个相同name的方法
May 18 jQuery
jQuery:unbind方法的使用详解
Aug 14 jQuery
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
jquery自定义组件实例详解
Dec 31 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
递归删除一个节点以及该节点下的所有节点示例
2014/03/19 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
一款js和css代码压缩工具[附JAVA环境配置方法]
2010/04/16 Javascript
jquery $.ajax()取xml数据的小问题解决方法
2010/11/20 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
EasyUI在Panel上动态添加LinkButton按钮
2017/08/11 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
利用jsonp解决js读取本地json跨域的问题
2018/12/11 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
2019/02/26 Javascript
vue简单封装axios插件和接口的统一管理操作示例
2020/02/02 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
2020/08/22 Javascript
vue 项目引入echarts 添加点击事件操作
2020/09/09 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
2020/12/01 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
Python 基础之字符串string详解及实例
2017/04/01 Python
学习Python selenium自动化网页抓取器
2018/01/20 Python
PyQt5每天必学之切换按钮
2020/08/20 Python
Linux系统(CentOS)下python2.7.10安装
2018/09/26 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
python文件处理fileinput使用方法详解
2020/01/02 Python
Python中bisect的用法及示例详解
2020/07/20 Python
css3.0新属性效果在ie下的解决方案
2010/05/10 HTML / CSS
拉飞逸官网:Lafayette 148 New York
2020/07/15 全球购物
介绍一下write命令
2012/09/24 面试题
ktv好的活动方案
2014/08/17 职场文书
我们的节日国庆活动方案
2014/08/19 职场文书
护士2014年终工作总结
2014/11/11 职场文书
毕业论文致谢格式模板
2015/05/14 职场文书
会计试用期工作总结2015
2015/05/28 职场文书
贷款担保书范本
2015/09/22 职场文书