快捷導(dǎo)航

JS常見(jiàn)面試試題總結(jié)【去重、遍歷、閉包、繼承等】

更新時(shí)間：2019年08月27日 11:42:54 作者：zhensg

這篇文章主要介紹了JS常見(jiàn)面試試題,總結(jié)分析了javascript去重、遍歷、閉包、繼等相關(guān)算法與操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS常見(jiàn)面試試題。分享給大家供大家參考，具體如下：

JavaScript面試題總結(jié)

1，首先是數(shù)組去重算法：給一個(gè)數(shù)組，去掉重復(fù)值

(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.length
Array.prototype.each = function(fn) {
  try {
    //1 目的： 遍歷數(shù)組的每一項(xiàng) //計(jì)數(shù)器 記錄當(dāng)前遍歷的元素位置
    this.i || (this.i = 0); //var i = 0 ;
    //2 嚴(yán)謹(jǐn)?shù)呐袛嗍裁磿r(shí)候去走each核心方法
    // 當(dāng)數(shù)組的長(zhǎng)度大于0的時(shí)候 && 傳遞的參數(shù)必須為函數(shù)
    if (this.length > 0 && fn.constructor == Function) {
      // 循環(huán)遍歷數(shù)組的每一項(xiàng)
      while (this.i < this.length) { //while循環(huán)的范圍
        //獲取數(shù)組的每一項(xiàng)
        var e = this[this.i];
        //如果當(dāng)前元素獲取到了 并且當(dāng)前元素是一個(gè)數(shù)組
        if (e && e.constructor == Array) {
          // 直接做遞歸操作
          e.each(fn);
        } else {
          //如果不是數(shù)組 （那就是一個(gè)單個(gè)元素）
          // 這的目的就是為了把數(shù)組的當(dāng)前元素傳遞給fn函數(shù) 并讓函數(shù)執(zhí)行
          //fn.apply(e,[e]);
          fn.call(e, e);
        }
        this.i++;
      }
      this.i = null; // 釋放內(nèi)存 垃圾回收機(jī)制回收變量
    }
  } catch (ex) {
    // do something
  }
  return this;
}

3，獲得url查詢參數(shù)方案

1）一個(gè)是用正則表達(dá)式方法

//獲取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結(jié)合數(shù)組遍歷實(shí)現(xiàn)，這個(gè)比較容易實(shí)現(xiàn)就不貼代碼了

4，正則表達(dá)式去掉空格

/**去掉字符串前后所有空格*/
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}

5，閉包的概念考察

6，原型繼承如何實(shí)現(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常用知識(shí)點(diǎn)考察

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: