`
wx1568908808
  • 浏览: 31400 次
文章分类
社区版块
存档分类
最新评论

前端常见算法的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);
  }
}

转载于:https://my.oschina.net/Tongyingcheng/blog/854322

分享到:
评论

相关推荐

    前端JS面试中常见的算法问题总结

    虽然说在前端很少有机会接触到算法,大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一...下面这篇文章就给大家总结了在前端JS面试中常见的算法问题,有需要的朋友们可以参考借鉴,下面来一起看看吧。

    js常见算法实现汇总.doc

    ### JS常见算法实现知识点汇总 #### 一、数组去重 **知识点说明:** 数组去重是编程中常见的需求之一,特别是在处理大量数据时。在JavaScript中,可以通过多种方法实现数组去重,例如使用Set对象或者传统的循环...

    JavaScript前端算法.zip

    5. **算法应用**:"1大树加法.js"可能是一个用JavaScript实现的大规模数字相加的问题,这在处理大数据时很常见,需要考虑如何高效地进行计算。 通过学习和实践这些JavaScript算法,开发者可以提升解决问题的能力,...

    JS常见算法详解

    以上提供的常见算法的JS实现,旨在帮助前端开发者更好地理解常用算法,并应用于实际开发工作中。理解和掌握这些算法,能够有效提高开发效率,提升解决实际问题的能力。同时,这些算法也是面试中经常考察的知识点,...

    利用“剪叶子”算法实现树形结构的搜索功能,用Vue.js实现

    本文将深入探讨如何利用“剪叶子”算法来实现树形结构的搜索功能,并结合Vue.js进行实际的前端开发实践。 首先,理解“剪叶子”算法。在树形结构中,“叶子”通常指的是没有子节点的节点。此算法的主要思路是,通过...

    Javascript实现MD5加密算法

    在JavaScript中实现MD5加密算法是常见的需求,特别是在前端开发中用于数据的安全传输或者存储。 MD5的主要特点包括: 1. **不可逆性**:MD5哈希结果不能通过哈希值反推出原始信息,因此常用于验证数据完整性和身份...

    前端常见手写题、算法题

    而`js常见手写题`、`设计模式`、`js数组相关`、`异步相关`、`css`、`组件设计`等文件夹,可能包含具体的练习题目和解答,是学习和巩固前端技能的好资源。通过深入学习和实践这些内容,可以显著提升前端开发能力。

    web前端三种常见的通过JS加密文本方式

    base64.js文件提供了Base64编码和解码的JavaScript实现。 3. **SHA1(Secure Hash Algorithm 1)** SHA1是另一种哈希函数,与MD5类似,它也是将任意长度的数据转化为固定长度的160位(20字节)摘要。相比MD5,SHA1...

    前端面试大全、前端常见问题和原理总结、前端面试题、前端面试经验、前端知识持续更新中,包括:JavaScript、Vue、Webp

    前端面试大全、前端常见问题和原理总结、前端面试题、前端面试经验、前端知识持续更新中,包括:JavaScript、Vue、Webpack、TypeScript、html、css、前端架构、前端算法、前端工程搭建、前端职场、React、技术选型、...

    前端啃算法,一次性解决前端工程师的算法学习问题.zip

    "前端啃算法,一次性解决前端工程师的算法学习问题.zip" 这个压缩包文件显然是为前端工程师量身打造的算法学习资源集合,旨在帮助开发者系统地理解和掌握算法,提升编程能力。 算法是计算机科学的基础,对于前端...

    前端面试题-手写代码实现

    总结来说,准备这些面试题时,前端开发者需要熟悉JavaScript语言的核心特性,掌握常见算法和数据结构,理解DOM操作和事件处理,还要有一定的性能优化和工程化实践经验。同时,了解和应用前端框架、了解前端最新趋势...

    前端面试大全、前端常见问题和原理总结、前端面试题、前端面试经验

    前端面试 前端面试大全、前端常见问题和原理总结、前端面试题、前端面试经验JavaScript、Vue、Webpack、TypeScript、html、css、前端架构、前端算法、前端工程搭建、前端职场、React、技术选型、移动端适配、h5、...

    前端面试常见问题集锦册

    前端开发通常涵盖了HTML、CSS和JavaScript等技术,负责构建用户界面、实现用户交互等。 面试: 这是指在求职过程中,雇主或者招聘团队与求职者进行的相互了解和评估的过程。在前端领域,面试通常会涉及对技术能力、...

    前端横向组织架构图 js

    在前端开发中,组织架构图是一种常见的数据可视化方式,它用于清晰地展示组织结构、部门关系或者项目团队的层次结构。本示例关注的是“横向组织架构图”,这种类型的架构图通常以水平的方式展示节点,使得层级关系...

    Python-用PythonJS和Go实现的算法

    本文将深入探讨如何使用Python、JavaScript(JS)和Go这三种不同的编程语言来实现各种算法,以及它们在算法实现中的特点。 首先,让我们从Python开始。Python以其简洁易读的语法和丰富的库支持而闻名,是初学者和...

    前端 JavaScript js 联系人 分页

    总的来说,通过JavaScript实现联系人管理和分页显示,需要掌握JavaScript基础、DOM操作、AJAX通信以及分页算法。同时,理解网络协议和选择合适的前端工具也是提高开发效率的关键。在这个过程中,不断学习和实践,...

    冒泡排序算法及其JavaScript实现详解.pdf

    通过一个具体的代码示例,展示了如何使用JavaScript实现冒泡排序,并解释了代码的关键部分。此外,还讨论了冒泡排序的时间复杂度和空间复杂度,帮助读者全面了解该算法的特点和适用场景。 适用人群 初学者:对...

    JS实现五子棋源码全

    【JS实现五子棋源码全】是一个适合初学者研究的项目,主要涉及JavaScript编程语言,特别是关于游戏开发和搜索算法的应用。这个项目的核心在于利用JS编写一个完整的五子棋游戏,让玩家可以在网页上进行对弈。通过分析...

    校招社招前端面试题合集JS源码JS代码(260题)JS算法题数据结构算法等JS手写代码

    这个压缩包文件名为“校招社招前端面试题合集JS源码JS代码(260题)”,包含了260个JavaScript相关的面试题目,涵盖了从基础到高级的各种问题,旨在帮助应聘者全面准备面试。 首先,我们要理解JavaScript的基础知识...

    js实现的带笔锋手写签名

    "js实现的带笔锋手写签名"是一个基于JavaScript技术,用于实现用户在Web页面上进行真实感的手写签名的功能。这个功能通常由HTML5提供支持,特别是其Canvas API,它允许我们在网页上进行动态图形绘制。 1. **...

Global site tag (gtag.js) - Google Analytics