❤️前端小白的笔记--JS基础练习题（持续更新中~~~）

Posted 咖啡壶子

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了❤️前端小白的笔记--JS基础练习题（持续更新中~~~）相关的知识，希望对你有一定的参考价值。

🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷

前端小白的笔记–初始jshttps://blog.csdn.net/TroyeSivanlp/article/details/120274945
前端小白的笔记–运算符与流程控制https://blog.csdn.net/TroyeSivanlp/article/details/120329159
前端小白的笔记–JS基础练习题https://blog.csdn.net/TroyeSivanlp/article/details/120352803

🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷🐷

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笔记--内置对象（持续更新中~~~）


 ❤️前端JS笔记--作用域和对象（持续更新中~~~）


 入门到精通❤️「Java工程师全栈知识路线」


 JAVA小白 编程练习500题 超详细!!!带答案!!!持续更新中~


 JAVA小白 编程练习500题 超详细!!!带答案!!!持续更新中~


 JAVA小白 编程练习500题2帖 超详细!!!带答案!!!持续更新中~