这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文主要介绍了前端常见算法的 JS 实现,具有很好的参考价值,下面跟着小编一起来看下吧
算法是程序的灵魂,一个优秀前端工程师对算法也是要有所了解的,本文总结了我们在开发、面试中经常会遇到的基础算法,使用原生 JS 实现,未必是最优解,可以互相探讨。
为了便于查看,简单分下类,本文也会持续更新。
排序算法
1. 冒泡排序
- function bubbleSort(arr){
- var i = 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;
- }
- }
- }
- }
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. 二路归并
PS:将两个按值有序序列合并成一个按值有序序列,则称之为二路归并排序。
- 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. 翻转字符串
2.1 思路 1:反向遍历字符串
- function reverseString(str){
- var tmp = '';
- for(var i=str.length-1;i>=0;i--)
- tmp += str[i];
- return tmp
- }
2.2 思路 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("");
- }
PS:什么?你要问为啥不直接操作 str? 因为 str[i] 是只读的,不能 str[0]=str[1] 这样操作。
再 PS:如果允许用 reverse(),也可以用'str'.split('').reverse().join('') 实现。
3. 生成指定长度随机字符串
PS:配合模糊等效果可以生成个验证码 - -
- 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. 统计字符串中次数最多字母
PS:利用 Object 中 key 的唯一性,利用 key 来进行筛选,然后计数。
- 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. 数组去重
PS: 还是利用 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;
- }
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;
- }
其他常见算法
1. 阶乘
1.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;
- }
1.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);
- }
- }
2. 生成菲波那切数列
PS:斐波那契数列,又称黄金分割数列,指的是这样一个数列:0、1、1、2、3、5、8、13、21、34、…… 在数学上,斐波纳契数列主要考察递归的调用。通过定义 fibo[i] = fibo[i-1]+fibo[i-2]; 来生成斐波那契数组。
2.1 强行递归实现
- 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.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;
- }
3. 二分查找
PS:二分查找又称折半查找,是在有序数组查找中用到的较为频繁的一种算法,优点是比较次数少,查找速度快,平均性能好;其缺点是要求待查表为有序表,且插入删除困难。
3.1 非递归实现
- 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;
- };
3.2 递归实现
- 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);
- }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0527/327211.html