讲师中心 微信公众号
AI工具推荐 视频效率加速

常见的前端JS算法总结

夜丽大大_6335

夜丽大大_6335

发布时间:2018-04-12 11:57:59

|

2042人浏览过

|

来源于php中文网

原创

本篇文章给大家分享的内容是常见的前端JS算法总结,有着一定的参考价值,有需要的朋友可以参考一下

排序算法

1、冒泡排序

function bubbleSort(arr){ 
  var i = 0,
      j = 0;  
  for(i=1; i<arr.length; i++){    
     for(j=0; j<=arr.length-i; j++){   
        var temp = 0;      
        // ">" 从小到大排序
        // "<" 从大到小排序
      if(arr[j] > arr[j+1]){
        temp = arr[j];
        arr[j] = arr[j+1];
        arr[j+1] = temp;
      }
    }
  }  return arr;
}

2、快速排序

function quickSort(arr,l,r){ 
 if(l < r){  
   var i = l, j = r, x = arr[i];    
   while(i<j){    
     while(i<j && arr[j]>x)
        j--;      
      
      if(i<j)        
      //这里用i++,被换过来的必然比x小,赋值后直接让i自加,不用再比较,可以提高效率
        arr[i++] = arr[j];      
      
      while(i<j && arr[i]<x)
        i++;      
      
      if(i<j)        
        //这里用j--,被换过来的必然比x大,赋值后直接让j自减,不用再比较,可以提高效率
        arr[j--] = arr[i];
    }
    arr[i] = x;
    
    quickSort(arr, l, i-1);
    quickSort(arr, i+1, r);
  }
}

3、二路归并

function merge(left, right) {  
  var result = [],
        il = 0,
        ir = 0;    
        
  while (il < left.length && ir < right.length) {    
      if (left[il] < right[ir]) {
            result.push(left[il++]);
        } else {
            result.push(right[ir++]);
        }
    }    
    while(left[il]){
        result.push(left[il++]);
    }    
    while(right[ir]){
        result.push(right[ir++]);
    }    
    return result;
}

字符串操作

1、判断回文字符串

function palindrome(str){ 
 // \W匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。
  var re = /[\W_]/g;  
  // 将字符串变成小写字符,并干掉除字母数字外的字符
  var lowRegStr = str.toLowerCase().replace(re,'');  
  // 如果字符串lowRegStr的length长度为0时,字符串即是palindrome
  if(lowRegStr.length===0) return true;  
  // 如果字符串的第一个和最后一个字符不相同,那么字符串就不是palindrome
  if(lowRegStr[0]!=lowRegStr[lowRegStr.length-1]) return false;  
  //递归
  return palindrome(lowRegStr.slice(1,lowRegStr.length-1));
}

2、翻转字符串

思路一:反向遍历字符串

function reverseString(str){
  var tmp = '';  
  for(var i=str.length-1; i>=0; i--)
    tmp += str[i];  return tmp
}

思路二:转化成array操作

function reverseString(str){
  var arr = str.split("");  
  var i = 0,j = arr.length-1;  while(i<j){
    tmp = arr[i];
    arr[i] = arr[j];
    arr[j] = tmp;
    i++;
    j--;
  }  
  return arr.join("");
}

3、生成指定长度随机字符串

function randomString(n){
  var str = 'abcdefghijklmnopqrstuvwxyz0123456789';  
  var tmp = '';  
  for(var i=0; i<n; i++) {
    tmp += str.charAt(Math.round(Math.random()*str.length));
  }  
  return tmp;
}

4、统计字符串中次数最多字母

function findMaxDuplicateChar(str) {
  if(str.length == 1) {  
    return str;
  }  
  var charObj = {};  
  for(var i = 0; i < str.length; i++) {  
    if(!charObj[str.charAt(i)]) {
      charObj[str.charAt(i)] = 1;
    } else {
      charObj[str.charAt(i)] += 1;
    }
  }  
  var maxChar = '',
      maxValue = 1;  
  for(var k in charObj) {  
    if(charObj[k] >= maxValue) {
      maxChar = k;
      maxValue = charObj[k];
    }
  }  
  return maxChar + ':' + maxValue;
}

数组操作

1、数组去重

function unique(arr){
  var obj = {}  
  var result = []  
  for(var i in arr){  
    if(!obj[arr[i]]){
      obj[arr[i]] = true;
      result.push(arr[i]);
    }
  }  
  return result;
}

2、数组中最大差值

function getMaxProfit(arr){
  var min = arr[0],
      max = arr[0];  
  for(var i = 0; i < arr.length; i++){  
        if(arr[i] < min) min = arr[i];    
        if(arr[i] > max) max = arr[i];
  }  
  return max - min;
}

其他常见算法

1、阶乘

非递归实现

function factorialize(num) {
  var result = 1;    
  if(num < 0) return -1;    
  if(num == 0 || num == 1) return 1;    
  while(num>1) {
      result *= num--;
    }    
    return result;
}

递归实现

function factorialize(num) {
  var result = 1;  
  if(num < 0) return -1;  
  if(num == 0 || num == 1) return 1;  
  if(num > 1) return num*factorialize(num-1);
}

2、生成菲波那切数列

强行递归实现

function getfib(n){
  if(n == 0) return 0;  
  if(n == 1) return 1;  
  if(n > 1) return getfib(n-1) + getfib(n-2);
}
function fibo(len){
    var fibo = [];    
    for(var i = 0; i < len; i++){
      fibo.push(getfib(i));
    }    
    return fibo;
}

简约非递归实现

function getFibonacci(n) {
  var fibarr = [];  
  var i = 0;  
  while(i < n) { 
      if(i <= 1) {
      fibarr.push(i);
    } else {
      fibarr.push(fibarr[i - 1] + fibarr[i - 2])
    }
    i++;
  }  
  return fibarr;
}

3、二分查找

非递归实现

function binary_search(arr, key) {
  var low = 0,
      high = arr.length - 1;  
  while(low <= high){  
      var mid = parseInt((high + low) / 2);    
      if(key == arr[mid]){   
         return mid;
    }else if(key > arr[mid]){
      low = mid + 1;
    }else if(key < arr[mid]){
      high = mid -1;
    }
  }  
  return -1;
}

递归实现

function binary_search2(arr, low, high, key) {
  if(low > high) return -1;  
  var mid = parseInt((low + high)/2);  
  if(key == arr[mid]) { 
     return mid;
  } else if(key > arr[mid]) {  
    return binary_search2(arr, mid+1, high, key);
  } else if(key < arr[mid]) {  
    return binary_search2(arr, low, mid-1, key);
  }
}

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

相关专题

更多
Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

0

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

0

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

0

2026.10.28

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

120

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

60

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

60

2026.10.22

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

40

2026.10.22

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

60

2026.10.22

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

20

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn