記錄--Js基礎練習題目

這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助

1.使用js，在頁面中列印以下圖案

提示：

 document.write可以在頁面中列印內容
<br>在html中代表換行, 在html中代碼空格

for(var i=0;i<7;i++){
    // 空格部分
    for(var j=7;j>i;j--){
        document.write(" ");
    }
    // *號區域1,正常排列,但被空格部分擠往右邊,就會看著是往右靠了
    for(var j=0;j<=i;j++){
        document.write("*");
    }
    // *號區域2
    for(var j=0;j<=i+1;j++){
        document.write("*");
    }
    // 換行
    document.write("<br>");
}

2.有一個棋盤，有64個方格，在第一個方格里面放1粒芝麻重量是0.00001kg，第二個里面放2粒，第三個里面放4，第四個里面放8，棋盤上放的所有芝麻的重量

提示：使用回圈第一層for回圈控制方格,第二層for回圈控制方格里面放的芝麻數量

var sum = 0;
for(var i=0;i<64;i++){
    var a = 1;//每當下面的for執行結束,sum加完之后重置a變數
    for(var j=0;j<i;j++){
        a = a * 2;
    }
    // console.log(a);
    sum += a;
}
console.log(sum * 0.00001);

3.撰寫函式，實作任意個任意數字的和

提示：輸入值為陣列，執行方法后要回傳陣列里面的所有數值的和

function add(arguments){
var sum=0;
    for(var i=0;i<arguments.length;i++){
        sum+=arguments[i];
    }
    return sum;
}
console.log(add([1,1,1,1,1]));

4.撰寫一個函式，計算兩個數字的和／差／積／商 /余,要求：使用傳參的方式

提示：使用switch分情況處理，輸入型別和兩個值后，方法要回傳對應結果

function compute(n1, n2, sy) {
    switch (sy) {
        case "+": {
            return console.log(n1 + n2);
        }
        case "-": {
            return console.log(n1 - n2);
        }
        case "*": {
            return console.log(n1 * n2);
        }
        case "/": {
            return console.log(n1 / n2);
        }
        case "%": {
            return console.log(n1 % n2);
        }
        default: {
            alert("運算子輸入錯誤");
        }
    }
}
compute(1, 2, "+");
compute(1, 2, "-");
compute(1, 2, "*");
compute(1, 2, "/");
compute(1, 2, "%");

5.撰寫一個函式，通過回圈制造一個5 x 5的二維陣列，這個陣列中的資料是hello

提示：二維陣列雙層回圈

var arr1 = new Array();
for (var i = 0; i < 5; i++) {
    var arr2 = new Array();
    for (var j = 0; j < 5; j++) {
        arr2[j] = "hello";
    }
    arr1[i] = arr2;
}
console.log(arr1);

6.撰寫一個函式has(arr , n), 判斷陣列中是否存在n這個元素，回傳布爾型別

提示：回圈遍歷+判斷(注意回傳值return會結束當前執行陳述句)

function has(arr, data) {
    for (let i = 0; i < arr.length; i++) {
        if (arr[i] === data) {
            return true;
        }//不能else然后return false,這樣做的話會結束當前執行陳述句也就是結束回圈陳述句
    }
    return false;
}
var arr = [0, 1, 2, 3, 60];
console.log(has(arr, 60));

7.撰寫一個函式norepeat(arr) 將陣列的重復元素去掉，并回傳新的陣列

提示：雙回圈遍歷+判斷

function norepeat(arr) {
    var arrNew = new Array();
    // 回圈遍歷原陣列
    for (var i = 0; i < arr.length; i++) {
        // 判斷原陣列的資料在新陣列中是否存在
        if (!(has(arrNew, arr[i]))) {
            // 最后新增資料放在新陣列里
            // arrNew.push(arr[i]);
            arrNew[length++]=arr[i];
        }
    }
    return arrNew;
}
var arr = [1, 1, 1, 2, 3, 3, 4];
console.log(arr);
console.log(norepeat(arr));

8.撰寫一個函式，實作將引數一中的字串內容中符合引數二陣列的部分去除掉，實作敏感詞過濾

提示：回圈遍歷+replace裁剪

(function () {
"use strict"
var worldsList = ["西巴", "啊啊", "壞人"];
var str = "真的西巴,不是啊啊啊,壞人一個西巴啊啊壞人";
console.log(str);
// 回圈遍歷這個字符中的所有資料
for (var i = 0; i < str.length; i++) {
    // forEach遍歷這個陣列中的資料
    worldsList.forEach(function (val) {
        str = str.replace(val, "**");
    })
}
console.log(str);
// 完整的敏感詞過濾需要用到正則運算式來完善
// 見9.2正則
})();

如果對您有所幫助，歡迎您點個關注，我會定時更新技術檔案，大家一起討論學習，一起進步，

標籤：其他

上一篇：Pycharm中開發vue element專案時eslint的安裝和使用

下一篇：返回列表