本文實例講述了JS常見面試試題。分享給大家供大家參考,具體如下:
JavaScript面試題總結
1,首先是數(shù)組去重算法:給一個數(shù)組,去掉重復值
(function() { var arr = [1, 2, 3, 3, 4, ]; function unique() { var result = []; var tem = {}; for (var i = 0; i < arr.length; i++) { if (!tem[arr[i]]) { result.push(arr[i]); tem[arr[i]] = 1; } } return result; }})();
2,多維數(shù)組,至少3層的遍歷,將數(shù)組整合一維數(shù)組,網(wǎng)上給出的方案
//遍歷多維數(shù)組var arr = [1, 2, 3, [4, [5, [6]]]]; // arr.lengthArray.prototype.each = function(fn) { try { //1 目的: 遍歷數(shù)組的每一項 //計數(shù)器 記錄當前遍歷的元素位置 this.i || (this.i = 0); //var i = 0 ; //2 嚴謹?shù)呐袛嗍裁磿r候去走each核心方法 // 當數(shù)組的長度大于0的時候 && 傳遞的參數(shù)必須為函數(shù) if (this.length > 0 && fn.constructor == Function) { // 循環(huán)遍歷數(shù)組的每一項 while (this.i < this.length) { //while循環(huán)的范圍 //獲取數(shù)組的每一項 var e = this[this.i]; //如果當前元素獲取到了 并且當前元素是一個數(shù)組 if (e && e.constructor == Array) { // 直接做遞歸操作 e.each(fn); } else { //如果不是數(shù)組 (那就是一個單個元素) // 這的目的就是為了把數(shù)組的當前元素傳遞給fn函數(shù) 并讓函數(shù)執(zhí)行 //fn.apply(e,[e]); fn.call(e, e); } this.i++; } this.i = null; // 釋放內(nèi)存 垃圾回收機制回收變量 } } catch (ex) { // do something } return this;}
3,獲得url查詢參數(shù)方案
1)一個是用正則表達式方法
//獲取url參數(shù)function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //js match返回的是一數(shù)組 var r = location.search.substr(1).match(reg); if (r != null) { return r[2]; } else { return null; }}
2)另外一種就是利用split結合數(shù)組遍歷實現(xiàn),這個比較容易實現(xiàn)就不貼代碼了
4,正則表達式去掉空格
/**去掉字符串前后所有空格*/function trim(str){return str.replace(/(^/s*)|(/s*$)/g, "");}
5,閉包的概念考察
6,原型繼承如何實現(xiàn),原型繼承有兩種方案
1)第一種是利用prototype
var obj={name:'seven'};var a=function(){};a.prototype=obj;var aa=new a();alert(aa.name);
2)第二種是利用apply或者call
function people(name,age){ //屬性 this.name=name; this.age=age; //方法 this.show=function(){ console.log("my name is"+this.name+" and I am "+this.age+" years old"); };}function student(name,age,school){ people.apply(this,arguments); this.school=school; this.showYourself=function(){ console.log("my name is"+this.name+" and I am "+this.age+" years old"+" my school is"+ this.school); };}var tom=new student('tom','19','xtu');tom.showYourself();
7,ES6常用知識點考察
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.VeVB.COm/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內(nèi)容可查看本站專題:《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript數(shù)組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調(diào)試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答