js練習題筆記


javascrip測試題:

一、選擇題(每題2分,多選題錯選、少選不得分)

1、分析下段代碼輸出結果是( )
    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 數組對象的說法不正確的是(  )
A.對數組里數據的排序可以用 sort 函數,如果排序效果非預期,可以給 sort 函數加一個排序函數的參數
B.reverse 用於對數組數據的倒序排列
C.向數組的最后位置加一個新元素,可以用 pop 方法
D.unshift 方法用於向數組刪除第一個元素

3、以下代碼運行的結果是輸出(  )
    var a = b = 10;
    (function(){
        var a=b=20
    })();
    console.log(b);
A.10     B.20     C.報錯     D.undefined

4、以下代碼運行后的結果是輸出(   )
    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 的運行結果是(   )
A.1558     B.1552     C.15553     D.1553

6、以下代碼運行后彈出的結果是(   )
    var a = 888;
    ++a;
    alert(a++);
A.888     B.889     C.890     D.891

7、關於變量的命名規則,下列說法正確的是(    )
A.首字符必須是大寫或小寫的字母,下划線(_)或美元符($)
B.除首字母的字符可以是字母,數字,下划線或美元符
C.變量名稱不能是保留字
D.長度是任意的
E.區分大小寫

8、下列的哪一個表達式將返回值為假(    )
A.!(3<=1)
B.(4>=4)&&(5<=2)
C.(“a”==“a”)&&(“c”!=“d”)
D.(2<3)||(3<2)

9、下面代碼,k的運行結果是(    )
    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 的值為(    )
A.2     B.1     C.3     D.undefined

11、[1,2,3,4].join('0').split('') 的執行結果是(    )
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、下面代碼的運行結果是:第一次彈(    )第二次彈(    )
    function fn1() {
        alert(1);
    }
    alert( fn1() );
A.1     
B.alert(1);     
C.function fn1() { alert(1); }      
D.undefined

13,以下代碼運行后,結果為(    )
    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.-1     B.5     C.程序報錯     D.-10

15,下面對 substring() 方法描述不正確的是(    )
A.一共有兩個參數,省略第二個參數表示從參數開始位置提、截取到字符串結束。
B.提取之前會比較兩個參數的大小,並根據大小調整位置。
C.可以接收負數參數,負數表示從后往前數字符位置。
D.如果沒有設置參數,直接返回整個字符串。

16,alert( "12">"9" ) 的運行結果正確的是(    )
A.true     B.false

17,下面的描述中不正確的是(    )
A.arguments 中保存了實際傳入函數內的所有參數。
B.return 只能在函數內部使用。
C.setInterval(fn1,1000) 只會調用一次 fn1。
D.Date 對象的 getMonth() 獲取到的值比實際月份小1。

18,下面的等式成立的是(    )
A.parseInt(12.5) == parseFloat(12.5)
B.Number('') == parseFloat('')
C.isNaN('abc') == NaN
D.typeof NaN === 'number'

19,下面的描述中不正確的是(    )
A.'==' 在比較過程中,不但會比較兩邊的值,還會比較兩邊的數據類型。        
B.NaN == NaN 的結果是 true。
C.isNaN,判斷傳入的參數是否為數字,為數字返回true,否則返回false 
D.字符串的 length 只可以獲取,不可以設置。

20,以下代碼中,會出現什么結果:第一次彈(    ),第二次彈(    ),第三次彈(    )
    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,下面代碼的運行結果是:第一次彈(    ),第二次彈(    )
    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的結果為(    ),arr2的結果為(    )
    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.數組的 length 既可以獲取,也可以修改。
B.調用 pop() 方法,不會修改原數組中的值。
C.shift() 方法的返回值是新數組的長度。
D.調用 concat() 方法,會修改原數組的值。

24,下列程序中alert按順序分別彈出:(    ),(    ),(    )
    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,分析下面的代碼,輸出的結果是(    )
    var arr=new Array(5); 
    arr[1]=1; 
    arr[5]=2; 
    console.log(arr.length); 
A.2     B.5     C.6     D.報錯

26,在JavaScript中,下列(    )語句能正確獲取系統當前時間的小時值。 
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.null == undefined
B.null === undefined
C.undefined == false
D.NaN == NaN 

28, Math.ceil(-3.14)的結果是(    ),Math.floor(-3.14) 的結果是(    )
A.-3.14     B.-3     C.-4     D.3.14

29, 閱讀以下代碼,在頁面中結果是(    )
    var  s="abcdefg";
    alert(s.substring(1,2));
A.a     B.b     C.bc     D.ab

30,  以下 ECMAScript 變量命名格式正確的是(    )
A._125dollor     B.1207A     C.-dollor     D.this


二、問答題(每題8分)

1,找到數組 [-1,-2,1,10,4,5,8] 中的最大值,至少寫出兩種方法?

2,封裝一個函數,將字符串 "miao-wei-ke-tang" 從第二個單詞開始首字母大寫,然后拼成字符串 miaoWeiKeTang,並返回。(注意:封裝成一個函數)

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

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

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




以上的測試題,有沒有不會的同學呢? 要是有一半以上你都答不出來的話,或許你該認真考慮進行一次全面系統深入的 JavaScript 學習了~

好啦,答案即將揭曉!

注意哦,不要先看下面的答案,還是自己先檢測一下再看答案哦~~




- 答案如下 -

一、選擇題答案:(每題2分,多選題錯選、少選不得分)

1、B
2、CD
3、B
4、B
5、C
6、B
7、ABCDE
8、B
9、B
10、D
11、C
12、第一次彈( A )第二次彈( D )
13、B
14、A
15、C
16、B
17、C
18、D
19、ABC
20、第一次彈( A ),第二次彈( A ),第三次彈( B )
21、第一次彈( D ),第二次彈( D )
22、arr 的結果為( A ),arr2 的結果為( C )
23、A
24、按順序分別彈出( B ),( A ),( B )
25、C
26、D
27、A
28、Math.ceil(-3.14) 的結果是( B ),Math.floor(-3.14) 的結果是( C )
29、B
30、A

二、問答題答案:(每題8分)

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.innerHTML += str;

沒事只做了這套題的選擇題,結果都錯了好多,不過也沒什么,現在還處於學習的最基礎階段,只要每天都能進步一點就好了,下面是我做完選擇題的筆記:

1.我們可以使用charCodeAt()方法來查看某個數的字符編碼,如:‘1’.charCodeAt(0) = 49;      ‘9’.charCodeAt(0) = 57。

2.js中字符串的比較只會比較第一個字符,比如‘12’和‘9’:‘1’的字符編碼為49,而‘9’的字符編碼為57,57>49所以alert(‘12’<‘9’)的值為true。

3.js中使用push來向數組或者字符串的后面添加元素,使用unshift來向數組或者字符串的前面添加元素;而使用pop來從數組或者字符串后面刪除元素,用shift從數組或者字符串前面刪除元素。

4.js同java一樣,是區分大小寫的,而且變量的命名規則和java差不多,只能以下划線_,美元符號$,字符開頭。

5.Date對象使用getMonth()方法來獲取到得月數比實際月份少1。

6.isNaN()方法的值是boolean類型的。

7.Number("")的值為0;parseFloat("")的值為NaN,parseInt("")的值為NaN。

8.typeof NaN === 'number'的值為true.

9.閉包中的局部變量會在內存中一直保存,函數調用之后不會自動清除的。

10.數組中concat , join , slice三個方法會返回新的數組,而其他的方法不會返回新的數組,他們都會改變原數組。

11.splice(1,0)的意思就是從index為1處開始刪除0個元素,所以如果var a = splice(1,0)  //a = [].

12.數組的length既可以讀取,也可以修改的,但是字符串的length只可以讀取,不可以修改的。

13.null == undefined的結果為true,null === undefined的結果為false,NaN == NaN的結果為false。

14.Math.ceil():不管是正數還是負數,它都是往大的整數變,比如:Math,ceil(-3.4) = -3,Math.ceil(3.4) = 4。

15.Math.floor():不管是正數還是負數,它都是往小的整數變,比如:Math.floor(-3.4) = -4,Math.floor(3.4) = 3。

16.Math.round():如果是正數的話就是四舍五入,但是如果是負數的話就是五舍六入。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM