Javascript之常见算法整理（持续更新）

头像
糖糖
    阅读 8 分钟
    28

    更新了几个知识点~欢迎一起交流呀~

    一、排序

    1. 冒泡排序（复杂度O(n^2)）

      //冒泡排序
function bubbleSort(arr) {
  for(var i = 0, len = arr.length; i < len - 1; ++i) {
    for(var j = 0; j < len - i - 1; ++j) {
      if (arr[j] > arr[j + 1]) {
        let temp = arr[j];
        arr[j] = arr[j + 1];
        arr[j + 1] = temp;
      }
    }
  }
  return arr;
}

    2. 插入排序（复杂度O(n^2)）

      //插入排序 过程就像你拿到一副扑克牌然后对它排序一样
function insertionSort(arr) {
  var n = arr.length;
  // 我们认为arr[0]已经被排序，所以i从1开始
  for (var i = 1; i < n; i++) {
    // 取出下一个新元素，在已排序的元素序列中从后向前扫描来与该新元素比较大小
    for (var j = i - 1; j >= 0; j--) {
      if (arr[i] >= arr[j]) { // 若要从大到小排序，则将该行改为if (arr[i] <= arr[j])即可
        // 如果新元素arr[i] 大于等于 已排序的元素序列的arr[j]，
        // 则将arr[i]插入到arr[j]的下一位置，保持序列从小到大的顺序
        arr.splice(j + 1, 0, arr.splice(i, 1)[0]);
        // 由于序列是从小到大并从后向前扫描的，所以不必再比较下标小于j的值比arr[j]小的值，退出循环
        break;  
      } else if (j === 0) {
        // arr[j]比已排序序列的元素都要小，将它插入到序列最前面
        arr.splice(j, 0, arr.splice(i, 1)[0]);
      }
    }
  }
  return arr;
}

      当目标是升序排序，最好情况是序列本来已经是升序排序，那么只需比较n-1次，时间复杂度O(n)。最坏情况是序列本来是降序排序，那么需比较n(n-1)/2次，时间复杂度O(n^2)。所以平均来说，插入排序的时间复杂度是O(n^2)。显然，次方级别的时间复杂度代表着插入排序不适合数据特别多的情况，一般来说插入排序适合小数据量的排序。

    3. 选择排序（复杂度O(n^2)）

      function selectionSort(arr) {
  var len = arr.length;
  var mi, tmp;
  for (var i = 0; i < len - 1; i++) {
    mi = i;  //最小值的下标
    for (var j = i + 1; j < len; j++) {
      if (arr[j] < arr[mi]) {
        mi = j;  //比较得到最小值的下标
      }
    }
    tmp = arr[mi];
    arr[mi] = arr[i];
    arr[i] = tmp;
  }
  return arr;
}

    4. 快速排序（复杂度O(n^log(n))）

      //快速排序
function qSort(arr) {
  //声明并初始化左边的数组和右边的数组
  var left = [], right = [];
  //使用数组第一个元素作为基准值
  var base = arr[0];
  //当数组长度只有1或者为空时，直接返回数组，不需要排序
  if(arr.length <= 1) return arr;
  //进行遍历
  for(var i = 1, len = arr.length; i < len; i++) {
    if(arr[i] < base) {
    //如果小于基准值，push到左边的数组（不能 <= ，否则不稳定）
      left.push(arr[i]);
    } else {
    //如果大于等于基准值，push到右边的数组
      right.push(arr[i]);
    }
  }
  //递归并且合并数组元素
  return [...qSort(left), ...[base], ...qSort(right)];    //return qSort(left).concat([base], qSort(right));
}

    二、字符串

    1. 回文字符串

      //判断回文字符串
function palindrome(str) {
  var reg = /[\W\_]/g;
  var str0 = str.toLowerCase().replace(reg, "");
  var str1 = str0.split("").reverse().join("");
  return str0 === str1;
}

    2. 翻转字符串

      function reverseString(str) {
  return str.split("").reverse().join("");
}

    3. 字符串中出现最多次数的字符

      function findMaxDuplicateChar(str) {
  var cnt = {}, //用来记录所有的字符的出现频次
      c = ''; //用来记录最大频次的字符
  for (var i = 0; i < str.length; i++) {
    var ci = str[i];
    if (!cnt[ci]) {
      cnt[ci] = 1;
    } else {
      cnt[ci]++;
    }
    if (c == '' || cnt[ci] > cnt[c]) {
      c = ci;
    }
  }
  return c;
}

    4. 字符串去重

      function unique(s) {
  // 1.利用Set去重 2.变为数组 3.变为字符串 
  // join里一定要有''，否则会自动插入','，就得[...new Set(s)].join().replace(/,/g, '')
  return [...new Set(s)].join('')
}

    5. 字符串去除空白字符

      str.replace(/\s/g, '')    //去除所有空白字符
str.replace(/^\s*/g, '')    //去除最前的空白字符
str.replace(/\s*$/g, '')    //去除最后的空白字符
str.replace(/(^\s*)|(\s*$)/g, '')    //去除最前和最后的空白字符

    6. 生成指定长度的随机字符串

      function randomString (n) {
  let ch = '';
  for (let i = 0; i < 26; ++i) {
    ch += String.fromCharCode(65 + i); //A-Z
    ch += String.fromCharCode(97 + i); //a-z
  }
  for (let i = 0; i <= 9; ++i) {
    ch += i; //0-9
  }
  let ans = '';
  let len = ch.length;
  for (let i = 0; i < n; ++i) {
    ans += ch[Math.floor(Math.random() * len)];
  }
  return ans;
}

    三、数组

    1. 数组去重

      • 利用新数组

        function uniqueArray(arr) {
 var temp = [];
 for (var i = 0; i < arr.length; i++) {
   if (temp.indexOf(arr[i]) === -1) {
   // if (arr.indexOf(arr[i]) === i) {
     temp.push(arr[i]);
   }
 }
 return temp;
}

      • 对原数组splice

        function uniqueArray(arr) {
  for (var i = 0; i < arr.length; i++) {
     if (arr.indexOf(arr[i]) != i) {
         arr.splice(i,1);    //删除重复元素
         i--;    //数组下标回退
     }
  }
  return arr;
}

      • 对原数组filter

        function uniqueArray(arr) {
  return arr.filter((item, index, thisArr) => {
    return thisArr.indexOf(item) === index;
  })
}

      • 利用Set

        function uniqueArray(arr) {
 return Array.from(new Set(arr));
 //return [...new Set(arr)];  使用扩展运算符效果一致
}

      • 利用简单对象映射（缺点：无法正确识别数组元素为"1"与1的区别）

        function uniqueArray(arr) {
  var map = {},
    ret = [];
  for (var i = 0; i < arr.length; i++) {
    var item = arr[i];
    if (!map[item]) {
      map[item] = true;
      ret.push(item);
    }
  }
  return ret;
}

      • 针对以上做法缺点，可以将普通对象改为Map对象

        function uniqueArray(arr) {
  var map = new Map(),
      ret = [];
  for (var i = 0; i < arr.length; i++) {
    var item = arr[i];
    if (!map.get(item)) {
      map.set(item, true);
      ret.push(item);
    }
  }
  return ret;    
}

      • 利用sort（缺点：数组顺序被打乱）

        function uniqueArray(arr) {
  arr.sort();
  var temp = arr[0];
  for (var i = 1; i < arr.length; i++) {
    if (arr[i] == temp) {
      arr.splice(i, 1); //删除重复元素
    } else {
      temp = arr[i];
    }
  }
  return arr;
}

        嗯。还是Array.from(new Set(arr))最好（lan）(￣▽￣)"

    2. 数组扁平化
      arr = [1, [2, 3], [4, 5, [6]]];
      flatten(arr) = [1, 2, 3, 4, 5, 6]

      • 数组->字符串->数组 （不合适数字+字符数组，因为数字会被转成字符串）

        arr.join().split(',')
arr.toString().split(',')

      • Array自带

        arr.flat(Infinity)

      • 递归实现

        function flatten(arr) {
  var ret = [];
  for (var i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      ret.push.apply(ret, flatten(arr[i]));
      // ret = ret.concat(flatten(arr[i]));
    } else {
      ret.push(arr[i]);
    }
  }
  return ret;
}

      • some实现

        function flatten(arr) {
  while (arr.some(item => Array.isArray(item))) {
    arr = [].concat.apply([], arr); //一次降一维
    //arr = [].concat(...arr); //使用展开运算符 效果一致
  }
  return arr;
}

      • reduce实现

        function flat (arr) {
  return arr.reduce((total, currentValue) => total.concat(Array.isArray(currentValue) ? flat(currentValue) : currentValue), [])
}

    四、查找

    1. 二分查找

      //二分查找
function binary_search(arr, l, r, v) {
  if (l > r) {
    return -1;
  }
  var m = parseInt((l + r) / 2);
  if (arr[m] == v) {
    return m;
  } else if (arr[m] < v) {
    return binary_search(arr, m+1, r, v);
  } else {
    return binary_search(arr, l, m-1, v);
  }
}

      将二分查找运用到之前的插入排序中，形成二分插入排序，据说因为二分查找提高了原来顺序查找的效率，所以可以提高效率。

      //二分插入排序（折半插入排序）
function binary_insertionSort(arr) {
  var len = arr.length,
      l, r, m;
  for (var i = 1; i < len; i++) {
    l = 0;
    r = i - 1;
    while(l <= r) {
        m = parseInt((l + r) / 2);
      if (arr[i] < arr[m]) {
          r = m - 1;
      } else {
        l = m + 1;
      }
    }
    arr.splice(r + 1, 0, arr.splice(i, 1)[0]);
  }
  return arr;
}

    五、树的搜索/遍历

    1. 深度优先搜索

      //深搜 非递归实现
function dfs(node) {
  var nodeList = [];
  if (node) {
    var stack = [];
    stack.push(node);
    while(stack.length != 0) {
      var item = stack.pop();
      nodeList.push(item);
      var children = item.children;
      for (var i = children.length-1; i >= 0; i--) {
        stack.push(children[i]);
      }
    }
  }
  return nodeList;
}

//深搜 递归实现
function dfs(node, nodeList) {
  if (node) {
    nodeList.push(node);
    var children = node.children;
    for (var i = 0; i < children.length; i++) {
      dfs(children[i], nodeList);
    }
  }
  return nodeList;
}

    2. 广度优先搜索

      //广搜 非递归实现
function bfs(node) {
    var nodeList = [];
    if (node != null) {
        var queue = [];
        queue.unshift(node);
        while (queue.length != 0) {
            var item = queue.shift();
            nodeList.push(item);
            var children = item.children;
            for (var i = 0; i < children.length; i++)
                queue.push(children[i]);
        }
    }
    return nodeList;
}

//广搜 递归实现
var i=0;  //自增标识符
function bfs(node, nodeList) {
    if (node) {
      nodeList.push(node);
      if (nodeList.length > 1 && node.nextElementSibling) {
        bfs(node.nextElementSibling, nodeList);  //搜索当前元素的下一个兄弟元素
      }
      node = nodeList[i++];
      bfs(node.firstElementChild, nodeList); //该层元素节点遍历完了，去找下一层的节点遍历
    }
    return nodeList;
}

      广搜的递归版本我需要使用到函数体外的变量i，不知道大家有没有更好的方法，恳请赐教~

    六、数字

    1. 随机选取任意范围的数字

      function getRandomNumber(left, right) {
  var len = right - left + 1;
  return Math.floor(Math.random() * len + left);
}

    2. 求解斐波那契数列（0，1，1，2，3...）的某一项

      function fb(n) {
  var a = 1,
      b = 1,
      ret;
  if(n == 0) ret = 0;
  else if(n == 1 || n == 2) ret = 1;
  for(var i=3; i<=n; ++i) {
      ret = a + b;
      a = b;
      b = ret;
  }
  return ret;
}

    七、对象

    1. 类数组对象转数组
      类数组对象：属性名为非负整数，拥有length属性。function的arguments对象就是类数组对象。

      • Array.prototype.slice.call(obj)
      • Array.from(obj)

    2. 对象深拷贝

      function deepClone(obj) {
  if (typeof obj !== 'object') return obj;
  if (obj === null) return null;
  if (obj instanceof RegExp) return new RegExp(obj);
  if (obj instanceof Date) return new Date(obj);
  let ret = new obj.constructor();  // Array or Object
  for (let i in obj) {
    ret[i] = deepClone(obj[i]);
  }
  return ret;
}

    3. 对象深合并

      function deepMerge(obj1, obj2) {
  var key;
  for(key in obj2) {
    obj1[key] = obj1[key] && obj1[key].toString() === "[object Object]"
      ? deepMerge(obj1[key], obj2[key])
      : obj1[key] = obj2[key];
  }
  return obj1;
}

    持续更新中~~~

    javascript
    糖糖
    114 声望2 粉丝
    « 上一篇
    CSS之轻松搞懂浮动与清除浮动（图文并茂）
    下一篇 »
    JavaScript之闭包

    引用和评论

    推荐阅读
    头像
    浅尝一下Node爬虫吧～

    糖糖阅读 904评论 1

    头像
    前端如何入门 Go 语言

    robin赞 28阅读 8.4k评论 9

    头像
    100个React最佳实践小技巧

    夕水赞 26阅读 6.7k评论 4

    头像
    前端开发工具

    寒青赞 19阅读 5.2k

    头像
    开发插件集合

    寒青赞 14阅读 3.5k

    头像
    JS校验身份证号

    寒青赞 10阅读 4.5k评论 2

    头像
    Jerry和您聊聊Chrome开发者工具

    注销赞 9阅读 4.8k评论 3

    0 条评论
    得票最新