❤️前端小白的笔记--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基础练习题

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帖 超详细!!!带答案!!!持续更新中~