JS常用算法实现代码


Posted in Javascript onNovember 14, 2016

本文的主要目的是帮助大家熟悉熟悉常用的几个算法用JS的实现,具体内容如下

(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;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jquery的滑动样例代码
Nov 20 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
JS实现跟随鼠标立体翻转图片的方法
May 04 Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
JS中用EL表达式获取上下文参数值的方法
Mar 28 Javascript
layui table设置某一行的字体颜色方法
Sep 05 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 Javascript
微信小程序实现侧边栏分类
Oct 21 Javascript
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
Swiper实现导航栏滚动效果
Oct 16 Javascript
Vue中使用JsonView来展示Json树的实例代码
Nov 16 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
node.js缺少mysql模块运行报错的解决方法
Nov 13 #Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 #Javascript
JS实现的几个常用算法
Nov 12 #Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
Nov 12 #Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 #Javascript
Angular学习笔记之angular的$filter服务浅析
Nov 12 #Javascript
使用JS代码实现点击按钮下载文件
Nov 12 #Javascript
You might like
php db类库进行数据库操作
2009/03/19 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
判断控件是否已加载完成的代码
2010/02/24 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
Prototype的Class.create函数解析
2011/09/22 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
2014/12/14 Javascript
详解JavaScript的while循环的使用
2015/06/03 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
详解JavaScript中的属性和特性
2016/12/08 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
jQuery实现简单聊天室
2020/02/08 jQuery
小程序跳转H5页面的方法步骤
2020/03/06 Javascript
vant中的toast层级改变操作
2020/11/04 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
python实现在pickling的时候压缩的方法
2014/09/25 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
python实现数据分析与建模
2019/07/11 Python
Python&amp;&amp;GDAL实现NDVI的计算方式
2020/01/09 Python
django日志默认打印request请求信息的方法示例
2020/05/17 Python
使用numpngw和matplotlib生成png动画的示例代码
2021/01/24 Python
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
Jacadi Paris英国官网:法国童装品牌
2019/08/09 全球购物
建筑人员岗位职责
2013/12/25 职场文书
汇源肾宝广告词
2014/03/20 职场文书
汽车广告策划方案
2014/05/31 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
限期整改通知书
2015/04/22 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
Java中CyclicBarrier和CountDownLatch的用法与区别
2021/08/23 Java/Android
Python中使用tkFileDialog实现文件选择、保存和路径选择
2022/05/20 Python