JavaScript学习笔记03

最新推荐文章于 2023-02-03 20:52:01 发布
最新推荐文章于 2023-02-03 20:52:01 发布
阅读量175 收藏
点赞数 1
文章标签： 学习 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Amy_cx/article/details/126382155
版权

目录

一、循环结构

二、跳转语句

三、计数器

四、document.write()

五、双重for循环

六、累加算法

程序三大结构：

 

一、循环结构

        循环结构：根据某些给出的条件，重复的执行同一段代码

        三要素：初始值、条件、改变条件的语句
        注：必须要有改变条件的语句，否则会成为死循环。

        1.while循环

while(条件表达式){
    //循环体->循环执行的语句块
}

        示例： 使用while循环倒序输出1-5

<script>
        //1.初始条件
        var num=5
        //2.条件判断
        while(num>0){
            //3.要执行的代码
            console.log(num)
            //4.自身改变
            num--
        }
</script>

        2.do-while循环

        先执行，再进行条件判断

do{

        //要执行的代码

}while(条件)

        示例：控制台输出“first implement”一次

<script>
    var num=10
    do{
        console.log('first implement');
        num++
    }while(num<10);
</script>

        3.for循环

for(var i=0;i<n;i++){
    要执行的代码
}

        示例：输出1-10

<script>
    for (var i=1;i<=10;i++){
         console.log(i)
    }
</script>

二、跳转语句

        1.break语句：终止循环

        break与循环一起使用，在循环没有结束时，因满足设置的条件，提前终止循环。

        示例：有五个包子，吃完第三个就饱了，提前结束循环

<script>
    /*有五个包子，吃完第三个就饱了，结束*/
    for(var i=1;i<=5;i++){
        console.log('吃第'+i+'个包子');
        if(i==3){
            break
        }
    }
</script>

        2.continue语句：结束本次循环

        在循环中，把本次的循环跳过去，继续执行后面的循环

        示例：有五个包子，吃到第三个掉地上了，接着吃后面的

<script>
    /*有五个包子，吃到第三个掉地上了，接着吃后面的*/
    var s=0
    for(var j=1;j<=5;j++){
        if(j==3)
            continue
        console.log('吃第'+j+'个包子');
        s++
    }
    console.log('一共吃了'+s+'个包子');
</script>

三、计数器

        定义一个变量充当计数器功能，初始值为0（不一定，根据题目来），每达到所设条件，就执行一次计数器功能

        示例：100以内能被4整除的前五个数

<script>
    /*100以内能被4整除的前五个数*/
    var count=0 //计数器count
    for(var i=0;i<100;i++){
        if((i+1)%4 == 0){ //满足条件
            console.log(i+1);
            count++ //执行计数器累加功能
        }
        if(count == 5)
            break
    }
</script>

四、document.write()

        document.write('内容')，将结果打印到页面上，而不是控制台

        示例：

<script>
    document.write('hello world') //显示内容到页面
    document.write('<br>') //换行
    document.write('<h3>hello world<h3>') //加标签
</script>

 

五、双重for循环

        循环的嵌套：外层循环循环一次，内层要循环完

        编程思想：
                外层循环 -> 打印行数
                内层循环 -> 打印每行元素
                关键点：计算每行打印多少个元素，根据外层循环变量直到确定

        示例：输出三角形

<body>
    <script>
        for(var i=0;i<6;i++){
            for(var j=0;j<=i;j++){
                document.write("*")
            }
            document.write('<br>')
        }
    </script>
</body>

        打印结果：

        

六、累加算法

        类型诸如：
                _ + _ + ... + _ + _
        若设i为循环变量，s为前n项累加之和，则程序的基本结构为：

    s=0;
    for(i=1;i<=n;i++)
        s = s + _ ;

         示例：

<body>
    <script>
        var sum=0
        var n=1
        while(n<101){
            sum =sum + n
            n++
        }
        console.log(sum); //sum=5050
    </script>
</body>

七、练习

        1.九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>九九乘法表</title>
</head>
<body>
    <script>
        var str=""
        for (var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                str += j+"x"+i+"="+(j*i)+"\t";// \t:水平制表(ht) ,跳到下一个tab位置
                // document.write(j+"x"+i+"="+(j*i)+'\t')
            }
            str += "\n"
            // document.write("<br/>")
        }
        console.log(str);
    </script>
</body>
</html>

 

        2.1-100的所有偶数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>偶数</title>
</head>
<body>
    <script>
        for (var i = 1; i <= 100; i++) {
            if (i % 2 == 0) {
                console.log(i);
            }
        }
    </script>
</body>
</html>

        结果太长，就不截图了。

        3.1-100内7的倍数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>7的倍数</title>
</head>
<body>
    <script>
        for(var i=1;i<=100;i++){
            if(i%7==0){
                console.log(i);
            }
        }
    </script>
</body>
</html>

 

        4.20-80之间能被3整除的，输出每5个一行

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        /*20-80之间能被3整除的，每五个一行*/
        var count=0
        for(var i=20;i<=80;i++){
            if(i%3 == 0){
                document.write(i+' ')
                count++
            }
            // if(count%5 == 0){
            //     document.write("<br>")
            // }
            if(count === 5){
                document.write("<br>")
                count=0
            }
        }
    </script>
</body>
</html>

         5.打印菱形

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            n上三角形行数
            i行数  空格  星
             i     n-i  2*i-1
        */
        var n=5
        for(var i=1;i<=n;i++){
            //打印空格
            for(var j=1;j<=n-i;j++){
                document.write('&nbsp;&nbsp;')
            }
            //打印星
            for(var t=1;t<=2*i-1;t++){
                document.write('*')
            }
            document.write('<br>')
        }
        /*
                *1 2*1-1
               ***3 2*2-1
              *****5 2*3-1
             *******7 2*4-1
            *********9 2*5-1
             *******7 2*4-1
              *****5 2*3-1
               ***3 2*2-1
                *1 2*1-1
        */
        m=4
        for(var i=m;i>0;i--){
            for(var j=m-i+1;j>=1;j--){
                document.write('&nbsp;&nbsp;')
            }
            for(var t=2*i-1;t>0;t--){
                document.write('*')
            }
            document.write('<br>')
        }
    </script>
</body>
</html>

         6.分数求和

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        var s=0
        for(var i=1;i<=100;i++){
            if(i%2==0){
                s += (-1/i)
            }else{
                s += 1/i
            }
        }
        document.write("1 - 1/2 + 1/3 - 1/4 + 1/5 ... +1/99 - 1/100的结果为：" + s)
    </script>
</body>
</html>

         7.50年后的工资

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        /*入职薪资10k/月，每年涨幅5%，50年后工资多少？*/
        var salary=10000*12
        for(var i=1;i<50;i++){
            salary += salary*0.05
        }
        document.write('50年后的工资为' + salary.toFixed(2))
    </script>
</body>
</html>

 

 

 

Amy_cx
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript学习笔记
11-24
学习JavaScript时，了解这些基础知识是至关重要的。随着深入学习，你将接触到更高级的概念，如闭包、异步编程（回调函数、Promise、async/await）、模块系统以及现代框架如React、Vue和Angular的使用。JavaScript的...
【JavaScript-循环-js你学懂了吗？】
zhaochen1127的博客
08-20 817
目录 循环是用来干啥的呢？1.switch语句和if else if 语句的区别2.for循环语法结构3.for循环嵌套分支语句 1.求和2.求平均值 3.求奇，偶数的和 4.求1-100之间所有能被3整除的数字的和 5.求班级成绩 首先咱们先来说一下他俩的区别switch，if else if ①一般情况下,它们两个语句可以相互替换②switch..case 语句通常处理case为比较确定值的情况,而i...e...语句更加灵活,常用于范围判断(大于、等于某个范围)③switch语句进行条件判断
JS输入一个数判断能否被3、5、7整除
一个开发初学者的博客
03-15 3951
<script type="text/javascript"> var num=parseInt(prompt("请输入一个整数")) var a,b,c; a=num%3; b=num%5; c=num%7; if(a==0&&b==0&&c==0){ document.write(num+"可以被 3、5、7 整除") }else if(a==0&&b==0){ document.wr.
JS 0~~100以内能被3整除也能被5整除的个数和总和
boonyaxnn的博客
04-23 8678
var count=0; var sum=0; for(var i=1;i<=100;i++){ if(i % 3==0&&i%5==0){ sum=sum+i;//sum+=i; count++; } } console.log("既能被三整除也能被五整除的个数是",count,"总...
Js算法数组类练习
最新发布
2201_75667318的博客
02-03 339
javascript算法类练习
JavaScript学习笔记
04-10
### JavaScript学习笔记 #### JavaScript简介 JavaScript是一种广泛使用的脚本语言，主要应用于Web前端开发，用来为网页添加交互性。JavaScript不仅可以操作HTML和CSS，还能处理数据、响应用户输入，并与服务器通信...
JavaScript基础第三天课后作业
weixin_68531033的博客
04-10 4791
练习题1： 写一个程序，要求如下（★★） 需求1：让用户输入五个有效年龄（0-100之间），放入数组中 必须输入五个有效年龄年龄，如果是无效年龄，则不能放入数组中 需求2：打印出所有成年人的年龄 (数组筛选) 需求3：打印出所有人总年龄 （累加） 需求4：打印出所有人的平均年龄 （累加） 需求5：打印出最大年龄和最小年龄 （最大值） <!DOCTYPE html> <html lang="en"> <head
js作业-猜数字，数组存斐波那契数列的前十项，定义函数返回时间，倒序输出数组中所有能被3整除的数
qq_45926448的博客
06-27 793
1.猜数字小游戏[1~100] 2.定义一个数组，存入斐波那契数列的前十项 3、定义函数，参数是 三个数字，年、月、日；返回值是这一天是这一年的第几天 4. 倒序输出数组中所有能被3整除的数字 5.计算数组中所有能被5整除的数字的乘积。 6、定义函数 para1:数字数组; para2:数字; 返回值：该数字在数字数组中出现的次数。 7、定义函数（数组筛选） 返回值: 数组中所有以该数字为约数的元素构成的新数组
用JS，打印100–200之间所有能被3或者7整除的数
yewengao的博客
07-30 5392
<script> for (var i = 100; i <= 200; i++) { if (i % 3 === 0 || i % 7 === 0) { console.log(i); } } </script>
js中计算1~100，不能被3整除的数字的和。
qazwsx_edc1的博客
06-26 8226
var sum = 0;for(var i=1; i&lt;=100; i++){  //如果能被3整除，跳过continue  if(i%3 == 0){    continue;  }  sum += i}console.log(sum);
js100以内既能被3整除，也能被7整除的数
Ga_b_c的博客
07-01 9329
<script> // 思路： // 首先把0-100的数全部过滤一次 for循环 // 判断是否能同时被3和7整除 if 整除 % && // 符合条件就输出 document.write // 发现数字都连在一起 // 加空格 // 新的需求：四个一行 思路：
JS 输出20-80之间能被3整除的整数，每5个一行
weixin_49757069的博客
08-26 2460
//方法一 varstr=''; varj=0; for(vari=20;i<=80;i++){ if(i%3==0){ j++; str=str+i+'\t'; } if(j%5==0){ str+=...
JS判断第一个数能否被第二个数整除
cbat的博客
08-09 1万+
isDivisible 检查第一个数字参数是否可被第二个数字整除。 使用模运算符（%）检查余数是否等于0。 const isDivisible = (dividend, divisor) => dividend % divisor === 0; isDivisible(6, 3); // true ...
用原声JS写1-100能被3整除的整数
m0_70738892的博客
12-03 1460
用原声JS写1-100能被3整除的整数
JS输出从1到100之间所有不能被3整除的数;并输出这些整数的和
qq_43251228的博客
08-18 1万+
代码图： 其中 我用的是for循环语句嵌套的语句。 首先在for语句中给i赋值，并且从1到100逐个循环排查， for(var i=1;i<=100;i++){ } 然后在if语句中加入关于被三整除的判断,若判断到则输出 if(i%3!=0){ document.write(i) } 给a赋值为0，并且让其在if语句中作为1到100之间所有不能被3整除的数的和 a+=i; 最后在if...
JS输出500以内所有能被3整除并且不携带3的数
ac0222的博客
09-30 1047
JS输出500以内所有能被3整除并且不携带3的数 网页效果图： 1.循环体 500以内不被3整除的数 代码如下（示例）： for (var a=1;a<=500;a++) { if (a%3==0) { 我用的是for循环语句嵌套的语句。 首先在for语句中给a赋值，并且从1到500逐个循环， 2.循环体-1 500以内不被3整除且不携带3的数字 代码如下（示例）： for (var i=1;i<=3;i++) { var ge = num%10;
用js判断一个数是不是3的倍数
热门推荐
bzf0482的博客
11-22 1万+
<script> var str = prompt(); str = parseInt(str) if(str%3 === 0){ alert('是') }else{ alert('否') } </script>
JavaScript学习笔记：从基础到DOM编程
"这是一份全面的JavaScript学习笔记，涵盖了从CSS样式表基础到JavaScript语法、DOM编程等多个方面，旨在帮助读者深入理解并掌握JavaScript语言。" 在这份笔记中，作者首先介绍了CSS样式表的基本概念，包括什么是CSS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值