JS实现的几个常用算法


Posted in Javascript onNovember 12, 2016

(1)数组去重

原理:定义一个对象obj,然后把数组元素作为obj的属性名,利用属性名是否重复进行判重

var unique = function(arr){
  let obj = {};
  let newArr = [];
  arr.forEach(function(x){
    if(!obj[x]){ //如果对象中没有该元素对应的属性
      obj[x] = true;
      newArr.push(x);
    }
  });
  return newArr;
}

(2)使用快速排序算法对数组进行排序

这里面包括两种效果,一种是利用快排的特性实现了去重快排,另一种是不去重的快排。

原理:获得目标数组,选定一个元素最为标志位,遍历剩余的元素,比标志位大放右边,比标志位小放左边。

特别注意:还有与标志位相等的元素,如果你存储相等的元素,就实现了去重,如果存储了,就不去重。

var quickSort = function(arr){
  if(arr.length <= 1){
    return arr;
  }
  //定义一个左数组,定义一个右数组
  let leftArr = [];
  let rightArr = [];
  //选定一个参照值
  let tag = arr[0];
  /*
   * 使用如下方式判断,会把重复元素去掉,就实现了快排的同时去重
   */
  for(let i = 0; i < arr.length; i++){
    if(arr[i] < tag){ //将比tag小的元素放在左数组中
      leftArr.push(arr[i]);
    }
    if(arr[i] > tag){ //将比tag大的元素放在右数组中
      rightArr.push(arr[i]);
    }
  }
  /*
   * 使用如下方式就是使用快排进行排序,不去重
   */
  for(let i = 1; i < arr.length; i++){
    if(arr[i] < tag){ //将比tag小的元素放在左数组中
      leftArr.push(arr[i]);
    }else{ //将比tag大的元素放在右数组中
      rightArr.push(arr[i]);
    }
  }
  //递归调用
  return [].concat(quickSort(leftArr),[tag],quickSort(rightArr));
}

(3)统计字符串中出现次数最多的字符

原理:这个和数组去重类似,也是利用一个对象obj,将数组元素作为对象的属性名,如果不存在该属性名,则值赋为1,如果存在,则值加1。

var maxShowTimes = function(str){
  // 创建一个用于判重的对象
  let obj = {};
  // 判断字符串是否为空或只有一个元素
  if(str.length <= 1){
    return str.length === 0?'字符串不能为空':str;
  }
  // 利用String的charAt()方法获取各个字符
  for(let i = 0; i <= str.length; i++){
    if(!obj[str.charAt(i)]){ //如果不存在
      obj[str.charAt(i)] = 1; 
    }else{ //如果存在
      obj[str.charAt(i)] += 1;
    }
  }
  // 在obj对象中寻找值最大的那个属性
  let maxChar = '';
  let maxTimes = 0;
  for(var k in obj){
    if(obj[k] > maxTimes){
      maxChar = k;
      maxTimes = obj[k];
    }
  }
  return maxChar;
}

(4)不借助第三个变量实现两个变量交换值

原理:就是一个变量替换,思路很巧妙,只能用于数字的交换。

var swap = function(a,b){
  if(a === b){
    return [a,b];
  }
  b = b - a; // 此处的 b - a中的b和a的值是最初的值
  a = a + b; // a = a + b -a; 实现了将b的值赋给a
  b = a - b; // b = a - (b - a) = 2a - b 相当于 2b = 2a;实现了将a的值赋给b
  return [a,b];
}

(5)求一个数组的最大差值

原理:遍历一次数组,找到最大值和最小值,返回差值

var getMaxProfit = function(arr){
  // 定义两个变量,分别存贮最大值和最小值
  let maxNum = arr[0];
  let minNum = arr[0];
  for(let i = 0; i < arr.length; i++){
    if(arr[i] > maxNum){
      maxNum = arr[i];
    }
    if(arr[i] < minNum){
      minNum = arr[i];
    }
  }
  return maxNum - minNum;
}

(6)获取任意长度的随机字符串

原理:可以手动指定字符库及随机字符长度n,利用Math.floor()和Math.random()两个方法实现获取随机字符。

var getRandomString = function(n){
  // 定义随机字符串的字符库
  let str = 'qwertyuiopasdfghjklzxcvbnm1234567890';
  // 定义一个临时变量tmp存储生成的随机字符串
  let tmp = '';
  //获取str的长度
  let len = str.length;
  // 生成一个长度为n的随机字符串
  for(let i = 0; i < n; i++){
    tmp += str.charAt(Math.floor(Math.random() * len));
  }
  return tmp;
}

以上所述是小编给大家介绍的JS实现的几个常用算法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
节点的插入之append()和appendTo()的用法介绍
Jan 13 Javascript
javascript日期格式化示例分享
Mar 05 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 Javascript
node.js集成百度UE编辑器
Feb 05 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
Angular.JS学习之依赖注入$injector详析
Oct 20 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
vue小图标favicon不显示的解决方案
Sep 19 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
Nov 12 #Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 #Javascript
Angular学习笔记之angular的$filter服务浅析
Nov 12 #Javascript
使用JS代码实现点击按钮下载文件
Nov 12 #Javascript
JavaScript中浅讲ajax图文详解
Nov 11 #Javascript
javascript 实现动态侧边栏实例详解
Nov 11 #Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
Nov 11 #Javascript
You might like
PHP防止注入攻击实例分析
2014/11/03 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
深入解析PHP中SESSION反序列化机制
2017/03/01 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
javascript同页面多次调用弹出层具体实例代码
2013/08/16 Javascript
JS中typeof与instanceof之间的区别总结
2013/11/14 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
javascript数组排序汇总
2015/07/07 Javascript
JS实现3D图片旋转展示效果代码
2015/09/22 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
2016/05/26 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
微信小程序 WebSocket详解及应用
2017/01/21 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
Vue父子传递实例讲解
2020/02/14 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
Python的print用法示例
2014/02/11 Python
python中执行shell命令的几个方法小结
2014/09/18 Python
python之文件的读写和文件目录以及文件夹的操作实现代码
2016/08/28 Python
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
python自动发送邮件脚本
2018/06/20 Python
Python定时发送消息的脚本:每天跟你女朋友说晚安
2018/10/21 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
2013年入党人员的自我鉴定
2013/10/25 职场文书
应届生财务会计求职信
2013/11/05 职场文书
应届护士推荐信
2013/11/16 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
工会工作先进事迹
2014/08/18 职场文书
庆六一宣传标语
2014/10/08 职场文书
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL
解决 Redis 秒杀超卖场景的高并发
2022/04/12 Redis