前端面試題（中）

legendaryedu 發布于2019-08-30 15:53 / 3405人閱讀

摘要：注意封裝成一個函數封裝一個函數，將字符串實現的功能，但不使用方法，去掉字符串前后空格，返回處理后的字符串。當然答案還有很多，我們只是提供了其中幾種，你有好的解答也可以發送郵件，大家共同交流討論哈

來自妙味的一套面試題，以下答案來自JS講師的現場上課記錄！

一、選擇題 1、分析下段代碼輸出結果是（ B ）

    var arr = [2,3,4,5,6];
    var sum =0;
    for(var i=1;i < arr.length;i++) {
        sum +=arr[i]
    }
    console.log(sum);

A．20 B．18 C．14 D．12

2、以下關于 Array 數組對象的說法不正確的是（ CD ）

A．對數組里數據的排序可以用 sort 函數，如果排序效果非預期，可以給 sort 函數加一個排序函數的參數；
B．reverse 用于對數組數據的倒序排列；
C．向數組的最后位置加一個新元素，可以用 pop 方法；
D．unshift 方法用于向數組刪除第一個元素；

3、以下代碼運行的結果是輸出（ B ）

    var a = b = 10;
    (function(){
        var a=b=20
    })();
    console.log(b);

A．10 B．20 C．報錯 D．undefined

4、以下代碼運行后的結果是輸出（ B ）

    var a=[1, 2, 3];
    console.log(a.join());

A．123 B．1,2,3 C．1 2 3 D．[1,2,3]

5、在 JS 中，’1555’+3 的運行結果是（ C ）

A．1558 B．1552 C．15553 D．1553

6、以下代碼運行后彈出的結果是（ B ）

    var a = 888;
    ++a;
    alert(a++);

A．888 B．889 C．890 D．891

7、關于變量的命名規則，下列說法正確的是（ ABCDE ）

A．首字符必須是大寫或小寫的字母，下劃線（_）或美元符（$）；
B．除首字母的字符可以是字母，數字，下劃線或美元符；
C．變量名稱不能是保留字；
D．長度是任意的；
E．區分大小寫；

8、下列的哪一個表達式將返回值為假（ B ）

A．!(3 <= 1);
B．(4 >= 4) && (5 <= 2);
C．(“a” == “a”) && (“c” != “d”);
D．(2 < 3) || (3 < 2);

9、下面代碼，k的運行結果是（ B ）

    var i = 0,j = 0;
    for(; i < 10, j < 6; i++, j++){
        k = i + j; 
    }

A．16 B．10 C．6 D．12

10、var x = 1; function fn(n){n = n+1}; y = fn(x); y 的值為（ D ）

A．2 B．1 C．3 D．undefined

11、[1,2,3,4].join("0").split("") 的執行結果是（ C ）

A．"1,2,3,4";
B．[1,2,3,4];
C．[“1”,“0”,“2”,“0”,“3”,“0”,“4”];
D．"1,0,2,0,3,0,4";

12、下面代碼的運行結果是：第一次彈（ A ）第二次彈（ D ）

    function fn1() {
        alert(1);
    }
    alert( fn1() );

A．1;
B．alert(1);
C．function fn1() { alert(1); };
D．undefined;

13、以下代碼運行后，結果為（ B ）

    fn1();
    var fn1 = function(a){ alert(a); }

A．1 B．程序報錯 C．alert(1); D．undefined

14、var n = "miao wei ke tang".indexOf("wei",6)；n的值為：（ A ）

A．-1 B．5 C．程序報錯 D．-10

15、下面對 substring() 方法描述不正確的是（ C ）

A．一共有兩個參數，省略第二個參數表示從參數開始位置提、截取到字符串結束；
B．提取之前會比較兩個參數的大小，并根據大小調整位置；
C．可以接收負數參數，負數表示從后往前數字符位置；
D．如果沒有設置參數，直接返回整個字符串；

16、alert( "12">"9" ) 的運行結果正確的是（ B ）

A．true B．false

17、下面的描述中不正確的是（ C ）

A．arguments 中保存了實際傳入函數內的所有參數；
B．return 只能在函數內部使用；
C．setInterval(fn1, 1000) 只會調用一次 fn1；
D．Date 對象的 getMonth() 獲取到的值比實際月份小 1；

18、下面的等式成立的是（ D ）

A．parseInt(12.5) == parseFloat(12.5);
B．Number("") == parseFloat("");
C．isNaN("abc") == NaN;
D．typeof NaN === "number";

19、下面的描述中不正確的是（ ABC ）

A．"==" 在比較過程中，不但會比較兩邊的值，還會比較兩邊的數據類型；
B．NaN == NaN 的結果是 true；
C．isNaN，判斷傳入的參數是否為數字，為數字返回 true，否則返回 false；
D．字符串的 length 只可以獲取，不可以設置；

20、以下代碼中，會出現什么結果：第一次彈（ A ），第二次彈（ A ），第三次彈（ B ）

    function fn1() {
        var a = 0;
        function fn2() {
            ++a;
            alert(a);
        }
        return fn2;
    }
    fn1()();
    var newFn = fn1();
    newFn();
    newFn();

A．1 B．2 C．0 D．3

21、下面代碼的運行結果是：第一次彈（ D ），第二次彈（ D ）

    var a = 100;
    function fn1() { 
        alert(a); 
        var a = 10;
    }  
    alert( fn1() );

A．100;
B．10;
C．function fn1() { alert(1); };
D．undefined;

22、以下代碼運行后，arr 的結果為（ A ），arr2 的結果為（ C ）

    var arr = [1, 2];
    var arr2 = arr.concat();    
    arr2.push( arr.splice(1, 0) );

A．[1, 2] B．[1, 2, [2]] C．[1, 2, []] D．[1, 2, 3]

23、下面關于數組的描述正確的是（ A ）

A．數組的 length 既可以獲取，也可以修改；
B．調用 pop() 方法，不會修改原數組中的值；
C．shift() 方法的返回值是新數組的長度；
D．調用 concat() 方法，會修改原數組的值；

24、下列程序中 alert 按順序分別彈出（ B ），（ A ），（ B ）

    var a = 10;  
    function test() {  
        a = 100;  
        alert(a);  
        alert(this.a);  
        var a;  
        alert(a); 
    }
    test();

A．10 B．100 c．undefined D．程序報錯

25、分析下面的代碼，輸出的結果是（ C ）

    var arr=new Array(5); 
    arr[1]=1; 
    arr[5]=2; 
    console.log(arr.length);

A．2 B．5 C．6 D．報錯

26、在 JavaScript 中，下列（ D ）語句能正確獲取系統當前時間的小時值。

A．var date=new Date(); var hour=date.getHour();
B．var date=new Date(); var hour=date.gethours();
C．var date=new date(); var hour=date.getHours();
D．var date=new Date(); var hour=date.getHours();

27、請選擇結果為真的選項（ A ）

A．null == undefined;
B．null === undefined;
C．undefined == false;
D．NaN == NaN;

28、Math.ceil(-3.14) 的結果是（ B ），Math.floor(-3.14) 的結果是（ C ）

A．-3.14 B．-3 C．-4 D．3.14

29、閱讀以下代碼，在頁面中結果是（ B ）

    var  s="abcdefg";
    alert(s.substring(1, 2));

A．a B．b C．bc D．ab

30、以下 ECMAScript 變量命名格式正確的是（ A ）

A．_125dollor B．1207A C．-dollor D．this

二、問答題 1、找到數組 [-1, -2, 1, 10, 4, 5, 8] 中的最大值，至少寫出兩種方法？

var arr = [-1, -2, 1, 10, 4, 5, 8];

// 第一種
var max1 = Math.max.apply(null, arr);

// 第二種
var max2 = arr.sort(function(a, b){
    return b - a;
})[0];

// 第三種
var max3 = -Infinity;
for (var i = 0; i < arr.length; i++) {
    if (max3 < arr[i]) {
        max3 = arr[i];
    }
}

2、封裝一個函數，將字符串 "miao-wei-ke-tang" 從第二個單詞開始首字母大寫，然后拼成字符串 miaoWeiKeTang，并返回。（注意：封裝成一個函數）

var str = "miao-wei-ke-tang";

function toTuoFeng(str) {
    var arrStr = str.split("-");
    for (var i = 1; i < arrStr.length; i++) {
        arrStr[i] = arrStr[i].substr(0, 1).toUpperCase() + arrStr[i].substr(1);
    }
    return arrStr.join("");
}

console.log(toTuoFeng(str));

3、封裝一個函數，將字符串 " miao v " 實現 trim 的功能，但不使用 trim 方法，去掉字符串前后空格，返回處理后的字符串。

var str = "   miao v         ";

// 第一種方法
function trim(str) {
    var start, end;
    for (var i=0; i < str.length; i++) {
        if (str[i] !== "") {
            start = i;
            break;
        }
    }
    for (var i = str.length-1; i >= 0; i--) {
        if (str[i] !== "") {
            end = i;
            break;
        }
    }
    return str.substring(start, end + 1);
}

// 第二種方法
function trim(str) {
    var start = 0, end = str.length - 1;
    while(start < end && str[start] == "") {
        start++;
    }
    while(start < end && str[end] == "") {
        end--;
    }
    return str.substring(start, end + 1);
}

console.log(trim(str));

4、寫一個方法，找出字符串 "abcabcabcabcabcabda" 中 "ab" 出現的次數和位置。

var str = "abcabcabcabcabcabda";
var arr = [];
var n = 0;
while(str.indexOf("ab",n) != -1 && n < str.length) {
    arr.push(str.indexOf("ab", n));
    n = str.indexOf("ab", n) + 2;
}
console.log(arr);

5、請用 JS 代碼完成下列需求：body 里生成 100 個 div，每個 div 寬 100px，高 100px，內容是 1-100 自身序號，顏色按紅、黃、藍、綠交替變色，10 行 10 列排列。

- CSS -
.box { position:relative; }
.box div { width: 60px; height: 60px; position: absolute; }

- HTML -
< div class="box">

- JavaScript - var box = document.getElementsByTagName("div")[0]; var str = ""; var arr = ["red", "yellow", "blue", "green"]; for (var i = 0; i < 100; i++) { str += " < div style="left:" + i%10*60 + "px; top:" + Math.floor(i/10)*60 + "px; background:" + arr[i%arr.length] + ";">" + (i+1) + "

"; } box.indexHTML += str;

當然答案還有很多，我們只是提供了其中幾種，你有好的解答也可以發送郵件15879398507@163.com，大家共同交流討論哈~

GPU云服務器云服務器面試題棧面試題筆試面試題面試題內容

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.hztianpu.com/yun/116573.html

前端最強面經匯總

摘要：獲取的對象范圍方法獲取的是最終應用在元素上的所有屬性對象即使沒有代碼，也會把默認的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素，方法返回對象中屬性值如果有就是據我測試不同環境結果可能有差異而就是。花了很長時間整理的前端面試資源，喜歡請大家不要吝嗇star~ 別只收藏，點個贊，點個star再走哈~ 持續更新中……，可以關注下github 項目地址 https:...

wangjuntytl 2019-08-26 10:41 評論0 收藏0
前端開發面試題鏈接

摘要：手冊網超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經典面試題及答案精選總結前端面試過程中最容易出現的問題前端面試題整理騰訊前端面試經驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

h9911 2019-08-02 16:11 評論0 收藏0
前端開發面試題鏈接

摘要：手冊網超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經典面試題及答案精選總結前端面試過程中最容易出現的問題前端面試題整理騰訊前端面試經驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

snifes 2019-08-23 16:48 評論0 收藏0
20W字囊括上百個前端面試題的項目開源了

摘要：字囊括上百個前端面試題的項目開源了這個項目是什么項目內容這個項目目前在上剛剛開源主要內容如下前端面試題主要整理了高頻且有一定難度的前端面試題對這些面試題進行解讀前端原理詳解針對一些有一定難度面試題涉及的知識點進行詳解比如涉及的編譯原理響應式 20W字囊括上百個前端面試題的項目開源了這個項目是什么? 項目內容這個項目目前在GitHub上剛剛開源,主要內容如下: 前端面試題: 主要整...

Euphoria 2019-08-26 10:49 評論0 收藏0
前端面試 - 收藏集 - 掘金

摘要：一基礎接口的意義百度規范擴展回調抽象類的意義我的前端面試經歷百度前端掘金博主就讀于電子科技大學，大三狗一枚面試是個漫長的過程，從海投到收獲電話面試，一面二面三面，一個步驟出錯那么后面就宣告終結。一道常被人輕視的前端 JS 面試題 - 前端 - 掘金目錄前言第一問第二問變量聲明提升函數表達式第三問第四問第五問第六問構造函數的返回值第七問最后前言年前剛剛離職了，分享下我曾經出過的一道...

lpjustdoit 2019-08-22 11:03 評論0 收藏0
你不能錯過的前端面試題合集

摘要：收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得及各大互聯網公司前端筆試面試題篇及各大互聯網公司前端筆試面試題篇面試題個和個經典面試題前端開發面試題如何面試前端工程師很重要個變態題解析如何通過餓了么面試輕收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯網公司2014前端筆試面試題--Html,Css篇 2 BAT...

ninefive 2019-08-21 16:18 評論0 收藏0