在Web开发中，JavaScript是一门重要的编程语言。它可以用于实现动态效果、表单验证、逻辑控制等功能。除了理论知识的学习，实践训练也是学习JavaScript必不可少的一部分。在上机测试中，我们可以通过编写代码来巩固所学的知识。下面，我们来看看一些JavaScript上机题的实例。

题目一：编写一个函数，实现数组去重

// 方法一：使用Set
function unique1(arr) {
return Array.from(new Set(arr));
}
// 方法二：使用Array.filter
function unique2(arr) {
return arr.filter((item, index) => arr.indexOf(item) === index);
}
// 测试
const arr1 = [1, 1, 2, 3, 3, 4, 4, 5];
console.log(unique1(arr1)); // [1, 2, 3, 4, 5]
console.log(unique2(arr1)); // [1, 2, 3, 4, 5]

题目二：编写一个函数，实现字符串反转

function reverse(str) {
return str.split('').reverse().join('');
}
// 测试
const str1 = 'JavaScript';
console.log(reverse(str1)); // "tpircSavaJ"

题目三：编写一个函数，判断一个数是否为质数

function isPrime(num) {
if (num <= 1) {
return false;
}
for (let i = 2; i <= Math.sqrt(num); i++) {
if (num % i === 0) {
return false;
}
}
return true;
}
// 测试
console.log(isPrime(1)); // false
console.log(isPrime(2)); // true
console.log(isPrime(4)); // false
console.log(isPrime(7)); // true

题目四：实现一个计数器，点击按钮自增或自减

const btnAdd = document.querySelector('#btn-add');
const btnMinus = document.querySelector('#btn-minus');
const countText = document.querySelector('#count-text');
let count = 0;
btnAdd.addEventListener('click', () => {
count++;
countText.textContent = count;
});
btnMinus.addEventListener('click', () => {
count--;
countText.textContent = count;
});

上述例子展示了数组去重、字符串反转、判断质数以及事件监听等常见的JavaScript编程题目。通过编写代码，并结合实际应用，能够更好地理解和掌握JavaScript的基础知识和应用技巧。