前端面试题(中)

来自妙味的一套面试题,以下答案来自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"></div>

- 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) + '</div>';
}
box.indexHTML += str;

固然答案另有许多,我们只是供应了个中几种,你有好的解答也能够发送邮件15879398507@163.com,人人配合交换议论哈~

    原文作者:阁主
    原文地址: https://segmentfault.com/a/1190000008621439
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞