JavaScript基于对象方法实现数组去重及排序操作示例


Posted in Javascript onJuly 10, 2018

本文实例讲述了JavaScript基于对象方法实现数组去重及排序操作。分享给大家供大家参考,具体如下:

<script>
  //用对象方法实现数组去重
  Array.prototype.unique = function() {
    var newArr = [];
    for (var i = 0; i < this.length; i++) {
      if(newArr.indexOf(this[i]) == -1){
        newArr.push(this[i]);
      }
    }
    return newArr;
  };
  var jarr = [1,2,4,3,45,6,33,4,2];
  var unq = jarr.unique();
  console.log(unq);
  //对结果排序 sort
  unq.sort(function compare(a,b){
    return a-b; //倒序 b-a
  });
  console.log(unq);
</script>

使用本站HTML/CSS/JS在线运行测试工具:http://tools.3water.com/code/HtmlJsRun,可得到如下测试运行效果:

JavaScript基于对象方法实现数组去重及排序操作示例

Javascript 相关文章推荐
Jquery上传插件 uploadify v3.1使用说明
Jun 18 Javascript
jQuery实现的向下图文信息滚动效果
May 03 Javascript
基于javascript实现随机颜色变化效果
Jan 14 Javascript
js创建数组的简单方法
Jul 27 Javascript
vue.js指令v-for使用及索引获取
Nov 03 Javascript
JavaScript注册时密码强度校验代码
Jun 30 Javascript
JS实现电商放大镜效果
Aug 24 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 Javascript
js实现弹窗猜数字游戏
Nov 26 Javascript
React之PureComponent的使用作用
Jul 10 #Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 #Javascript
echarts整合多个类似option的方法实例
Jul 10 #Javascript
详解使用Next.js构建服务端渲染应用
Jul 10 #Javascript
node.js中TCP Socket多进程间的消息推送示例详解
Jul 10 #Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 #Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 #Javascript
You might like
php foreach、while性能比较
2009/10/15 PHP
PHP 文本文章分页代码 按标记或长度(不涉及数据库)
2012/06/07 PHP
php 类自动载入的方法
2015/06/03 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
js利用与或运算符优先级实现if else条件判断表达式
2010/04/15 Javascript
js使用eval解析json实例与注意事项分享
2014/01/18 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
ES6下子组件调用父组件的方法(推荐)
2018/02/23 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
使用Angular material主题定义自己的组件库的配色体系
2019/09/04 Javascript
Vue监听滚动实现锚点定位(双向)示例
2019/11/13 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
Python使用redis pool的一种单例实现方式
2016/04/16 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
详细分析Python可变对象和不可变对象
2020/07/09 Python
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
阿尔卡特(中国)的面试题目
2014/08/20 面试题
环境工程求职简历的自我评价范文
2013/10/24 职场文书
音乐系毕业生自荐信
2013/10/27 职场文书
劳动模范事迹材料
2014/01/19 职场文书
婚礼主持结束词
2014/03/13 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
教师个人成长总结
2015/02/11 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang