❤️前端小白的笔记--JS基础练习题(持续更新中~~~)
Posted 咖啡壶子
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了❤️前端小白的笔记--JS基础练习题(持续更新中~~~)相关的知识,希望对你有一定的参考价值。
🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷
🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷
js练习题
js基础练习题
01-1到100整数累加和
<script>
// for 循环重复执行某些操作 比如说我们做了100次加法运算
// 求 1~100 之间的整数累加和
// 需要循环100次,我们需要一个计数器 i
// 我们需要一个存储结果的变量 sum ,但是初始值一定是 0
// 核心算法:1 + 2 + 3 + 4 .... ,sum = sum + i;
var sum = 0; // 求和 的变量
for (var i = 1; i <= 100; i++) {
// sum = sum + i;
sum += i;
}
console.log(sum);
</script>
02-判断闰年
<script>
// 算法:能被4整除且不能整除100的为闰年(如2004年就是闰年,1901年不是闰年)或者能够被 400 整除的就是闰年
// 弹出prompt 输入框,让用户输入年份,把这个值取过来保存到变量中
// 使用 if 语句来判断是否是闰年,如果是闰年,就执行 if 大括号里面的输出语句,否则就执行 else里面的输出语句
// 一定要注意里面的且 && 还有或者 || 的写法,同时注意判断整除的方法是取余为 0
var year = prompt('请您输入年份:');
if (year % 400 == 0 || year % 4 == 0 && year % 100 != 0) {
alert('您输入的年份是闰年');
} else {
alert('您输入的年份是平年');
}
</script>
03-100之间所有数的平均值
<script>
var sum = 0;
var average = 0;
for (var i = 1; i <= 100; i++) {
sum = sum + i;
}
average = sum / 100;
console.log(average);
</script>
04-1到100之间所有偶数和奇数的和
<script>
var even = 0;
var odd = 0;
for (var i = 1; i <= 100; i++) {
if (i % 2 == 0) {
even = even + i;
} else {
odd = odd + i;
}
}
console.log('1~100 之间所有的偶数和是' + even);
console.log('1~100 之间所有的奇数和是' + odd);
</script>
05-1到100之间所有能被3整除的数字的和
<script>
var result = 0;
for (var i = 1; i <= 100; i++) {
if (i % 3 == 0) {
// result = result + i;
result += i;
}
}
console.log('1~100之间能够被3整数的数字的和是:' + result);</script>
06-判断成绩
<script>
// 伪代码 按照从大到小判断的思路
// 弹出prompt输入框,让用户输入分数(score),把这个值取过来保存到变量中
// 使用多分支 if else if 语句来分别判断输出不同的值
var score = prompt('请您输入分数:');
if (score >= 90) {
alert('宝贝,你是我的骄傲');
} else if (score >= 80) {
alert('宝贝,你已经很出色了');
} else if (score >= 70) {
alert('你要继续加油喽');
} else if (score >= 60) {
alert('孩子,你很危险');
} else {
alert('熊孩子,我不想和你说话,我只想用鞭子和你说话');
}
</script>
07-数字补0
<script>
// 用户输入0~59之间的一个数字
// 如果数字小于10,则在这个数字前面补0,(加0 拼接) 否则 不做操作
// 用一个变量接受这个返回值,输出
var time = prompt('请您输入一个 0 ~ 59 之间的一个数字');
// 三元表达式 表达式 ? 表达式1 :表达式2
var result = time < 10 ? '0' + time : time; // 把返回值赋值给一个变量
alert(result);
</script>
08-求学生成绩
<script>
// 弹出输入框输入总的班级人数(num)
// 依次输入学生的成绩( 保存起来 score), 此时我们需要用到
// for 循环, 弹出的次数跟班级总人数有关系 条件表达式 i <= num
// 进行业务处理: 计算成绩。 先求总成绩( sum), 之后求平均成绩( average)
// 弹出结果
var num = prompt('请输入班级的总人数:'); // num 总的班级人数
var sum = 0; // 求和的变量
var average = 0; // 求平均值的变量
for (var i = 1; i <= num; i++) {
var score = prompt('请您输入第' + i + '个学生成绩');
// 因为从prompt取过来的数据是 字符串型的需要转换为数字型
sum = sum + parseFloat(score);
}
average = sum / num;
alert('班级总的成绩是' + sum);
alert('班级平均分是:' + average);
</script>
09-打印正三角
<script>
str=''
for(var i=1;i<10;i++){
for(var j=1;j<=i;j++){
str+='*';
}
str+='\\n';
}
console.log(str);
</script>
10-打印倒三角形
<script>
// 打印倒三角形案例
//第一种方法:
var str = '';
for (var i = 1; i <= 10; i++) { // 外层循环控制行数
for (var j = i; j <= 10; j++) { // 里层循环打印的个数不一样 j = i
str = str + '★';
}
str += '\\n';
}
console.log(str);
//第二种方法:
var str = '';
for (var i = 1; i <= 10; i++) { // 外层循环控制行数
for (var j = 1; j <= 11-i; j++) { // 里层循环打印的个数不一样 j从1加到总行数减循环行数,j++
str = str + '★';
}
str += '\\n';
}
console.log(str);
//第三种方法:
var str = '';
for (var i = 1; i <= 10; i++) { // 外层循环控制行数
for (var j = 11-i; j >= 1; j--) { // 里层循环打印的个数不一样 j等于总行数减循环行数,j--
str = str + '★';
}
str += '\\n';
}
console.log(str);
//第四种方法:
var str = '';
for (var i = 1; i <= 10; i++) { // 外层循环控制行数
for (var j = 10; j >= i; j--) { // 里层循环打印的个数不一样 j等于总行数,j大于等于循环行数,j--
str = str + '★';
}
str += '\\n';
}
console.log(str);
</script>
11-等腰三角形
<script>
// 要做出等腰三角形,就要找等腰三角形的规律,
// 我们可以把等腰三角形看作是梯形,由两个三角形组成
//第一种方法:
var str='';
var columns=prompt("输入几行:")
for(var i = 0; i<columns; i++)
{
//for循环打印出倒三角
for(var j =0; j<columns-i-1; j++)
{
str+=" ";
}
//for循环
for(var k=0; k<(i*2+1); k++)
{
str+="*";
}
str+="\\n";
}
alert(str);
//第二种方法:
var str='';
var columns=prompt("输入几行:")
for(var i = 1; i <= (columns+1)/2; i++) {
for(var m = 1; m <= (columns+1)/2-i; m++ )
{
str+=" ";
}
//for循环
for(var j = 1; j <= 2*i-1; j++)
{
str+="*";
}
str+="\\n";
}
alert(str);
</script>
12-九九乘法表
<script>
// 九九乘法表
// 一共有9行,但是每行的个数不一样,因此需要用到双重 for 循环
// 外层的 for 循环控制行数 i ,循环9次 ,可以打印 9 行
// 内层的 for 循环控制每行公式 j
// 核心算法:每一行 公式的个数正好和行数一致, j <= i;
// 每行打印完毕,都需要重新换一行
var str = '';
for (var i = 1; i <= 9; i++) { // 外层循环控制行数
for (var j = 1; j <= i; j++) { // 里层循环控制每一行的个数 j <= i
str += j + '×' + i + '=' + i * j + '\\t';
}
str += '\\n';
}
console.log(str);
</script>
js数组基础练习题
01-求数组中的最大值和最小值
<script>
// 求数组[2,6,1,77,52,25,7]中的最大值
// 声明一个保存最大元素的变量 max。
// 默认最大值可以取数组中的第一个元素。
// 遍历这个数组,把里面每个数组元素和 max 相比较。
// 如果这个数组元素大于max 就把这个数组元素存到 max 里面,否则继续下一轮比较。
// 最后输出这个 max
var arr = [2, 6, 1, 77, 52, 25, 7, 99];
var max = arr[0];
for (var i = 0; i < arr.length; i++) {
if (arr[i] > max) {
max = arr[i];
}
}
var arry = [1, 2, 3, 4, 5, 6, 7, 8];
var min = arry[0];
for (var i = 1; i < arry.length; i++) {
if (min> arry[i]) {
min = arry[i];
}
}
console.log('该数组里面的最小值是:' + min);
</script>
02-数组转换为字符串
<script>
// 将数组 ['red', 'green', 'blue', 'pink'] 转换为字符串,并且用 | 或其他符号分割
// 需要一个新变量用于存放转换完的字符串 str。
// 遍历原来的数组,分别把里面数据取出来,加到字符串里面。
// 同时在后面多加一个分隔符
var arr = ['red', 'green', 'blue', 'pink'];
var str = '';
var str1 = '';
var sep = '*';
for (var i = 0; i < arr.length; i++) {
str += arr[i] + sep;
}
console.log(str);
var arr1 = [7, 6, 9, 7, 8];
for (var i = 0; i < arr1.length; i++) {
str1 += arr1 [i] ;
}
console.log(str1);
</script>
03-数组存放1_10个值
<script>
// 新建一个数组,里面存放10个整数( 1~10)
// 核心原理:使用循环来追加数组。
// 1、声明一个空数组 arr。
// 2、循环中的计数器 i 可以作为数组元素存入。
// 3、由于数组的索引号是从0开始的, 因此计数器从 0 开始更合适,存入的数组元素要+1。
var arr = [];
for (var i = 0; i < 100; i++) {
// arr = i; 不要直接给数组名赋值 否则以前的元素都没了
arr[i] = i + 1;
}
console.log(arr);
</script>
04-筛选数组
<script>
// 将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中大于等于 10 的元素选出来,放入新数组。
// 1、声明一个新的数组用于存放新数据newArr。
// 2、遍历原来的旧数组, 找出大于等于 10 的元素。
// 3、依次追加给新数组 newArr。
// 方法1
var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var newArr = [];
var j = 0;
for (var i = 0; i < arr.length; i++) {
if (arr[i] >= 10) {
// 新数组索引号应该从0开始 依次递增
newArr[j] = arr[i];
j++;
}
}
console.log(newArr);
// 方法2
var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var newArr = [];
// 刚开始 newArr.length 就是 0
for (var i = 0; i ❤️前端JS笔记--内置对象(持续更新中~~~)
JAVA小白 编程练习500题 超详细!!!带答案!!!持续更新中~