快排/深拷贝/节流防抖

Ccccccc
126 阅读1分钟
  • 快速排序
function quickSort(arr, left, right) {
    /*
     * len为数组的长度;
     * left为需要数组中参与排序的起始点；right为数组中参与排序的终止点;
     * left如果有传数字那么就为left，没有传参则为0；
     * right如果有传参那么就为right，没有传参则为len-1;
     * 有传参可能会部分排序可能不会排序，没传参默认排序整个数组;
     * partitionIndex为分组界限;
     */
    var len = arr.length,
        partitionIndex,
        left = typeof left !== 'number' ? 0 : left,
        right = typeof right !== 'number' ? len - 1 : right;

    // 如果需要排序的起始索引小于终止索引则执行排序;递归的终止条件；
    if (left < right) {

        // partition的返回值作为partitionIndex来分隔数组,索引partitionIndex左边的元素均小于arr[partitionIndex],右边的元素均大于arr[partitionIndex]；
        partitionIndex = partition(arr, left, right);
      // 数组中小于arr[partitionIndex]的部分(索引left到partitionIndex-1)再次使用quickSort排序；
        quickSort(arr, left, partitionIndex - 1);
        // 数组中大于arr[partitionIndex]的部分(索引partitionIndex+1到right)再次使用quickSort排序；
        quickSort(arr, partitionIndex + 1, right);
    }
    // 递归执行直到不满足left<right;返回本身；
    return arr;
}

function partition(arr, left, right) {
    /*
     * 这部分是具体实现排序的部分；
     * 将left赋值给pivot，作为参照物，因为left在最左边，只需要从左到右比较一遍即可判断整个数组；
     * index索引是arr中待交换位置；
     */
    let pivot = left,index = pivot + 1;
    // for循环从参照物arr[pivot]下一个元素arr[pivot+1]开始一直比较到子数组结束arr[right]
    for (let i = index; i <= right; i++) {
// 循环中如果有任何小于参照物的，就将他交换到index的位置，然后index向右移动到下一个位置；
        if (arr[i] < arr[pivot]) {
            swap(arr, i, index);
            index++;
        }
    }
    /*
     * 因为每次都是交换完后index移动到下一个位置，所以在循环结束时，index仍为待交换的位置；
     * 此时索引pivot+1到index-1的元素都小于参照物arr[pivot]；
     */

    // 交换pivot和index-1索引的值之后index-1索引左边全都是小于arr[index-1]的元素；
    swap(arr, pivot, index - 1);
    // 返回index-1作为拆分子数组的分界线；
    return index - 1;
}
/*
 * 普通的交换，将a[i]和a[j]的数值交换；
 */
function swap(arr, i, j) {
    var temp = arr[i];
    arr[i] = arr[j];
    arr[j] = temp;
}

function clone(target, map = new WeakMap()){
  if(typeof target === 'object'){
    let isArray = Array.isArray(target)
    let cloneTarget = isArray ? [] : {}
    // 下面使用map可以解决爆栈的问题
    if(map.get(target)){
      // 说明有这个属性了
      return map.get(target)
    }
    map.set(target,cloneTarget)
    //  遍历target的属性赋给cloneTarget
    for(let key in target){
      cloneTarget[key] = clone(target[key],map)
    }
    return cloneTarget
  }else{
    return target
  }
}

let a = {
  name:"a",
  age:18,
  habbit:['play','sing']
}
// a.cs = a //会引起爆栈
let res = clone(a)
console.log(res)
  • 手写节流 （按一定频率执行）
window.scroll = throttle(function(){
  console.log("jieliu")
},delay)

function throttle(fn,delay){
  let flag = true
  return function(){
    if(flag){
      setTimeout(()=>{
        fn.call(this)
        flag = true
      },delay)
    }
      flag = false
  }
}
  • 手写防抖 （只执行一次）
imputDom.oninput = debunce(function(){
  console.log('this.value')
},delay)

function debunce(fn,delay){
  let t = null ;
  return function(){
    if(t){
      clearTimeout(t)
    }
    t = setTimeout(()=>{
      fn.call(this) // 是为了绑定input，使this是input
    },delay)
  }
}
avatar
文章
阅读
粉丝