雖說我們很多時候前端很少有機會接觸到演算法。大多都互動性的操作,然而從各大公司面試來看,演算法依舊是考察的一方面。實際上學習資料結構與演算法對於工程師去理解和分析問題都是有幫助的。如果將來當我們面對較為複雜的問題,這些基礎知識的積累可以幫助我們更好的優化解決思路。下面羅列在前端面試中經常撞見的幾個問題吧。
回文是指把相同的詞彙或句子,在下文中調換位置或顛倒過來,產生首尾回環的情趣,叫做回文,也叫回環。比如 mamam redivider .很多人拿到這樣的題目非常容易想到用for 將字串顛倒字母順序然後匹配就行了。其實重要的考察的就是對於reverse的實現。其實我們可以利用現成的函式,將字串轉換成陣列,這個思路很重要,我們可以擁有更多的自由度去進行字串的一些操作。
function checkpalindrom(str)
比如輸入: [1,13,24,11,11,14,1,2]這道問題出現在諸多的前端面試題中,主要考察個人對object的使用,利用key來進行篩選。輸出: [1,13,24,11,14,2]
需要去掉重複的11 和 1 這兩個元素。
/**給出一段英文連續的英文本元竄,找出重複出現次數最多的字母* unique an array
**/let unique = function(arr) ; let data = ;
for(let i=0,l=arr.length;i
輸入 : afjghdfraaaasdenas前面出現過去重的演算法,這裡需要是統計重複次數。輸出 : a
function findmaxduplicatechar(str)如果抽到演算法題目的話,應該大多都是比較開放的題目,不限定演算法的實現,但是一定要求掌握其中的幾種,所以氣泡排序,這種較為基礎並且便於理解記憶的演算法一定需要熟記於心。氣泡排序演算法就是依次比較大小,小的的大的進行位置上的交換。let charobj = {};
for(let i=0;i= maxvalue)
} return maxchar;
}module.exports = findmaxduplicatechar;
除了氣泡排序外,其實還有很多諸如 插入排序,快速排序,希爾排序等。每一種排序演算法都有各自的特點。全部掌握也不需要,但是心底一定要熟悉幾種演算法。 比如快速排序,其效率很高,而其基本原理如圖(來自wiki):
演算法參考某個元素值,將小於它的值,放到左陣列中,大於它的值的元素就放到右陣列中,然後遞迴進行上一次左右陣列的操作,返回合併的陣列就是已經排好順序的陣列了。
function quicksort(arr)安利大家乙個學習的位址,通過動畫演示演算法的實現。let leftarr = ;
let rightarr = ;
let q = arr[0];
for(let i = 1,l=arr.length; iq) else
}
return .concat(quicksort(leftarr),[q],quicksort(rightarr));
}module.exports = quicksort;
html5 canvas demo: sorting algorithms
輸入 a = 2, b = 4 輸出 a = 4, b =2這種問題非常巧妙,需要大家跳出慣有的思維,利用 a , b進行置換。
主要是利用 + – 去進行運算,類似 a = a + ( b – a) 實際上等同於最後 的 a = b;
數列長度限定在9.
斐波那契數列
,又稱**分割數列,指的是這樣乙個數列:0、1、1、2、3、5、8、13、21、34、……在數學上,斐波納契數列主要考察遞迴的呼叫。我們一般都知道定義
fibo[i] = fibo[i-1]+fibo[i-2];生成斐波那契陣列的方法
function getfibonacci(n)實現乙個演算法,隨機生成指制定長度的字元竄。return maxprofit;
}
比如給定 長度 8 輸出 4ldkfg9j
function randomstring(n)自己實現乙個函式,查詢某個dom節點下面的包含某個class的所有dom節點?不允許使用原生提供的 getelementsbyclassname queryselectorall 等原生提供dom查詢函式。return tmp;
}module.exports = randomstring;
function queryclassname(node, name)一般叫全部寫完的概率比較少,但是重點考察你對它的理解和一些基本特點的實現。 二叉查詢樹,也稱二叉搜尋樹、有序二叉樹(英語:ordered binary tree)是指一棵空樹或者具有下列性質的二叉樹:i += 1;
}
return array;
}
在寫的時候需要足夠理解二叉搜素樹的特點,需要先設定好每個節點的資料結構
class node樹是有節點構成,由根節點逐漸延生到各個子節點,因此它具備基本的結構就是具備乙個根節點,具備新增,查詢和刪除節點的方法.}
class binarysearchtreeinsert(data)
let currentnode = this.root;
let parent = null;
while (1)
} else }}
}remove(data)
removenode(node, data)
if (data == node.data)
if (node.left == null)
if (node.right == null)
let getsmallest = function(node)
if(node.left != null)
if(node.right !== null)
}
let temnode = getsmallest(node.right);
node.data = temnode.data;
node.right = this.removenode(temnode.right,temnode.data);
return node;
} else if (data < node.data) else
}find(data)
if (data < current.data) else
}
return current.data;}}
module.exports = binarysearchtree;
前端面試中的常見的演算法問題
雖說我們很多時候前端很少有機會接觸到演算法。大多都互動性的操作,然而從各大公司面試來看,演算法依舊是考察的一方面。實際上學習資料結構與演算法對於工程師去理解和分析問題都是有幫助的。如果將來當我們面對較為複雜的問題,這些基礎知識的積累可以幫助我們更好的優化解決思路。下面羅列在前端面試中經常撞見的幾個問...
前端面試 前端面試總結2018 07
2周面試了11家公司吧,具體面試題如下 面試第一周 7.23 7.27 中谷芯厚建 蘇寧vivo外包 電面 杭州通策會 第二週 7.30 8.3 南京軟體谷研究院 烽火科技 邁特望,蘇寧外包 電面 平安科技外包 華泰 外包 一輪 技術面,二輪現場技術面 三隻松鼠 電面 一.中谷芯 二.厚建 angu...
前端面試 問題總結
1 普通函式 箭頭函式,this的指向 乙個事件中,這兩個函式this的指向 2 處理scroll事件,來維護前端的效能 滾動會頻發觸發scroll事件,所以設定乙個時間,規定在此時間內scroll時間被觸發的次數,使用settimeout 注意重點需要在settimeout之前清除上一次返回的id...