在前端開發中,JavaScript是非常重要的一門語言,它可以讓網頁實現更多的交互性和動態效果。而JavaScript上機題目是提高前端開發水平的好方法,接下來就給大家介紹幾個實用的JavaScript上機題目。
第一個題目是實現一個簡單的倒計時,代碼如下:
function countdown(sec) { var timer = setInterval(function() { sec--; if (sec === 0) { clearInterval(timer); } console.log(sec); }, 1000); } countdown(10);
以上代碼會在控制臺中輸出從10到1的數字,每秒輸出一次。當倒計時結束后,自動停止輸出。
第二個題目是實現一個數組去重的方法,代碼如下:
function unique(arr) { var obj = {}; var newArr = []; for (var i = 0; i < arr.length; i++) { if (!obj[arr[i]]) { obj[arr[i]] = true; newArr.push(arr[i]); } } return newArr; } var arr = [1, 2, 2, 3, 3, 3, 4, 4, 5]; console.log(unique(arr));
以上代碼會輸出去重后的數組[1, 2, 3, 4, 5],利用對象的屬性不能重復的特性,遍歷數組,將每個元素作為對象的屬性名,如果對象中不存在該屬性,則將該元素添加到新數組中,最后返回新數組。
第三個題目是在一個數組中查找最大值和最小值的方法,代碼如下:
function maxAndMin(arr) { var max = arr[0]; var min = arr[0]; for (var i = 1; i < arr.length; i++) { if (arr[i] > max) { max = arr[i]; } if (arr[i] < min) { min = arr[i]; } } return { max: max, min: min }; } var arr = [2, 1, 5, 4, 3]; console.log(maxAndMin(arr));
以上代碼會輸出最大值和最小值的對象{max: 5, min: 1},利用遍歷數組的方法將數組中的元素進行比較,得出最大值和最小值,最后用對象的格式返回。
以上三個題目都是日常前端開發中較為常用的方法,希望大家可以多加練習,提高自身的水平。