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一句话全选/取消全选
Mar 01 Javascript
node.js中的console.info方法使用说明
Dec 09 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
详谈commonjs模块与es6模块的区别
Oct 18 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
详解三种方式解决vue中v-html元素中标签样式
Nov 22 Javascript
基于vue通用表单解决方案的思考与分析
Mar 16 Javascript
详解ES6 export default 和 import语句中的解构赋值
May 28 Javascript
一个手写的vue放大镜效果
Aug 09 Javascript
javascript实现商品图片放大镜
Nov 28 Javascript
Javascript组合继承方法代码实例解析
Apr 02 Javascript
Vue实现简单的跑马灯
May 25 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 JSON格式数据交互实例代码详解
2011/01/13 PHP
php下拉选项的批量操作的实现代码
2013/10/14 PHP
微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
2014/10/21 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
网页里控制图片大小的相关代码
2006/06/13 Javascript
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
2014/11/12 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
基于JS实现html中placeholder属性提示文字效果示例
2018/04/19 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
jQuery创建折叠式菜单
2019/06/15 jQuery
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
创建与框架无关的JavaScript插件
2020/12/01 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
[01:57]DOTA2上海特锦赛小组赛解说单车采访花絮
2016/02/27 DOTA
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
python判断完全平方数的方法
2018/11/13 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
亚马逊印度站:Amazon.in
2017/10/15 全球购物
考博专家推荐信模板
2013/12/02 职场文书
建材业务员岗位职责
2013/12/08 职场文书
大学学习个人的自我评价
2014/02/18 职场文书
行政助理的岗位职责
2014/02/18 职场文书
教师党的群众路线学习心得体会
2014/11/04 职场文书
写景作文评语集锦
2014/12/25 职场文书
演讲稿:​快乐,从不抱怨开始!
2019/04/02 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS