前端常见算法(js)「建议收藏」

前端常见算法(js)「建议收藏」不管是在实际项目中还是在面试的时候我们大都会碰到算法问题,比如排序啊,比较大小啊之类的这些最基本的算法。我总结了一些,以后在碰到在慢慢补充。1.排序问题1.1冒泡排序冒泡排序算法就是依次比较大小,小的的大的进行位置上的交换。functionbubbleSort(arr){for(leti=0,l=arr.length;i<l-1;i++){…

大家好,又见面了,我是你们的朋友全栈君。

不管是在实际项目中还是在面试的时候我们大都会碰到算法问题,比如排序啊,比较大小啊之类的这些最基本的算法。我总结了一些,以后在碰到在慢慢补充。

1.排序问题
1.1冒泡排序
冒泡排序算法就是依次比较大小,小的的大的进行位置上的交换。

var example=[8,95,34,21,53,12];
 function sortarr(arr){ 
   
  for(i=0;i<arr.length-1;i++){ 
   
   for(j=0;j<arr.length-1-i;j++){ 
   
    if(arr[j]>arr[j+1]){ 
   
     var temp=arr[j];
     arr[j]=arr[j+1];
     arr[j+1]=temp;
    }
   }
  }
  return arr;
 }
 sortarr(example);
 console.log(example);




//当i=0的时候,里面的循环完整执行,从j=0执行到j=6,这也就是第一遍排序,结果是将最大的数排到了最后,这一遍循环结束后的结果应该是[8,34,21,53,12,95]
//当i=1的时候,里面的循环再次完整执行,由于最大的数已经在最后了,没有必要去比较数组的最后两项,这也是j<arr.length-1-i的巧妙之处,结果是[8,34,21,12,53,95]
//说到这里,规律就清楚了,每次将剩下数组里面最大的一个数排到最后面,当第一个循环执行到最后的时候,也就是i=6,此时,j=0,只需要比较数组的第一和第二项,比较完毕,返回。

1.2快速排序

//快速排序
//1.这种方法比较简单,2019/8/5新增

var example=[1,4,3,8,9,6,2]
		
function quickSort(arr){ 
   
	if(arr.length<=1){ 
   
		return arr;
	}
	var left=[],right=[],current=arr.splice(0,1);
	for(let i=0;i<arr.length;i++){ 
   
		if(arr[i]<current){ 
   
			left.push(arr[i])
		}else{ 
   
			right.push(arr[i])
		}
	}
	return quickSort(left).concat(current,quickSort(right));
}
console.log(quickSort(example)); //[1, 2, 3, 4, 6, 8, 9]


//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);
    }
}

1.3二路归并

将两个按值有序序列合并成一个按值有序序列,则称之为二路归并排序


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

2字符串操作
2.1.翻转字符串

//方法1:反向遍历字符串
function reverseString(str){ 
   
    var tmp = '';
    for(var i=str.length-1;i>=0;i--)
        tmp += str[i];
    return tmp
}
//方法2:转化成array操作
function reverseString2(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("");
}

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

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

2.3.统计字符串中出现次数最多的字母
详细方法可看这篇文章
https://blog.csdn.net/weixin_42567389/article/details/88124777


var str = "nininihaoa";
var o = { 
   };
for (var i = 0, length = str.length; i < length; i++) { 
   
var char = str.charAt(i);
if (o[char]) { 
   
o[char]++; //次数加1
} else { 
   
o[char] = 1; //若第一次出现,次数记为1
}}
console.log(o); //输出的是完整的对象,记录着每一个字符及其出现的次数//遍历对象,找到出现次数最多的字符的次数
var max = 0;
for (var key in o) { 
   
if (max < o[key]) { 
   
max = o[key]; //max始终储存次数最大的那个
}}
for (var key in o) { 
   
if (o[key] == max) { 
   
//console.log(key);
console.log("最多的字符是" + key);
console.log("出现的次数是" + max);

2.4. 判断回文字符串

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

3数组操作
3.1 数组去重

//利用Object中的key的唯一性,利用key来进行筛选
function unique(arr){ 
   
    var obj = { 
   }
    var data = []
    for(var i in arr){ 
   
        if(!obj[arr[i]]){ 
   
            obj[arr[i]] = true;
            data.push(arr[i]);
        }
    }
    return data;
}

3.1.2 数组查重


var ret= function(arr){ 
   
    var res=[arr[0]];
	var ch=[];
    for(var j=1;j<arr.length;j++){ 
   
        var repeat= false;
        for(var i=0;i<res.length;i++){ 
   
           if(arr[j]==res[i]){ 
   
			   //alert("重复的元素为:"+arr[j])
			   ch.push(arr[j]);
               repeat=true;
               break;
           }
        }
        if(!repeat){ 
   
           res.push(arr[j]);
        }
    }
    return ch;
}
var a=[1,3,4,3,5,'aa','bb','aa'];
document.write(ret(a));  //3,aa

3.2 Number数组中最大差值

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

4.阶乘

//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;
}
//2. 递归实现
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);
    }
}

5.生成斐波那契数列
斐波拉契:又称黄金分割数列,值得是一个数列:0、1、2、3、5、8、13、21、34…,在数学上,斐波拉契数列主要考察递归的调用。

//强行递归实现
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;
}
//方法2.非递归实现

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

6.二分查找
二分查找:是在有序数组中用的比较频繁的一种算法,优点是比较次数少,查找速度快、平均性能好;缺点是要求待查表为有序,且插入删除困难

// 非递归实现
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://javaforall.net/148814.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • stl之deque双端队列容器[通俗易懂]

    stl之deque双端队列容器

    2022年2月3日
    35
  • sftp设置端口_更改电脑端口号

    sftp设置端口_更改电脑端口号SFTPisasecureversionoftheFTP.SFTPprovidesanencryptedchannelwitharemoteserver.ThismakesauthenticationanddatatransfermoresecurethanFTP.SFTPprotocolisgenerallyprovidedbyS…

    2022年9月14日
    0
  • 华为手机解锁码计算工具_华为高通全系列手机解锁工具

    华为手机解锁码计算工具_华为高通全系列手机解锁工具华为手机要解锁这个是真的是一个很头痛的问题,一是要申请解锁码二是要用一个特殊的解锁工具,可是现在好了,一键获取解锁码、解锁工具已经问世。华为高通全系列手机解锁工具可以在线获取解锁码,并直接开启解锁。适用于华为高通系列手机,这句话意思是说,这个解锁工具不只是适用于华为C8816电信版的解锁还适合华为大多数使用高通处理器的手机解锁。希望大家一次解锁成功!工具说明:(1)仅支持华为部分高通系列机型…

    2022年6月15日
    60
  • linux tree命令,Linux tree命令实例详解

    linux tree命令,Linux tree命令实例详解关于treetree以树状格式列出目录的内容。这是一个非常简洁实用的程序,您可以在命令行中使用它来查看文件系统的结构。描述tree是一个递归目录列表程序,它生成一个深度缩进的文件列表(如果设置了LS_COLORS环境变量,则会着色)并输出为tty。如果没有参数,树将列出当前目录中的文件。当给出目录参数时,树依次列出在给定目录中找到的所有文件和/或目录。树然后返回列出的文件和/或目录的总数。…

    2022年7月25日
    4
  • webstorm的永久激活码2021【2021.8最新】

    (webstorm的永久激活码2021)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月26日
    247
  • Matlab插值方法大全

    Matlab插值方法大全命令1 interp1功能一维数据插值(表格查找)。该命令对数据点之间计算内插值。它找出一元函数f(x)在中间点的数值。其中函数f(x)由所给数据决定。x:原始数据点Y:原始数据点xi:插值点Yi:插值点格式(1)yi=interp1(x,Y,xi)返回插值向量yi,每一元素对应于参量xi,同时由向量x与Y的内插值决定。参量x指定数据Y的点。若Y为一矩阵,则按Y的

    2022年6月4日
    109

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号