javascript基础知识之循环（三）

最新推荐文章于 2024-07-24 11:09:48 发布
最新推荐文章于 2024-07-24 11:09:48 发布
阅读量1.3k 收藏 17
点赞数 4
分类专栏： # Javascript基础 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45419127/article/details/117048673
版权

js中的循环语句

  • for循环
  • while循环
  • do while循环

何为循环

 在程序中，反复被执行的语句叫做循环体，循环体是否能被重复执行，取决于循环的终止条件，由循环体及循环的终止条件组成的语句叫做循环语句

循环的目的

可以重复执行某些代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环初体验</title>
</head>

<body>

</body>
<script>
    for (var i = 0; i < 100; i++) {
        console.log('hello word');
    }
</script>

</html>

在这里插入图片描述

for循环

目的：可以重复执行某些代码，通常给计数有关。

语法

    for(初始化变量；条件表达式；操作表达式) {
        //循环体
    }
  • 初始化变量：通常被用来计数，使用var来声明
  • 条件表达式：取决于循环体的终止条件
  • 操作表达式：用来更新初始化变量

for循环的执行过程


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环</title>
</head>

<body>

</body>
<script>
    for (var i = 1; i <= 100; i++) {
        console.log('hello 尧子陌');
    }
</script>

</html>

在这里插入图片描述

执行原理

i = 1 只会被执行一次，执行完毕后，执行条件表达式，若满足，则执行循环体的语句，若不满足，则跳出循环体。然后执行条件表达式，判断条件表达式是否满足，若满足，则执行循环体的语句，若不满足，则跳出循环体

for循环之断点调试

在程序的某一行设置断点，以便更好的观察程序是如何运行的

步骤如下

  • 按f12键进入sources(根源)，在需要设置断点的当前行设置店，刷新浏览器
  • 按上下箭头进行下一步操作

通过watch更好的观察变量的值的变化

在这里插入图片描述

for循环之执行相同的代码

通过prompt输入的值转换成整数来控制循环的次数

  <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环之执行相同的代码</title>
</head>

<body>

</body>
<script>
    var user = parseInt(prompt('请输入次数'));
    for (var i = 1; i <= user; i++) {
        console.log('Hello Word');
    }
</script>

</html>

在这里插入图片描述

通过for循环可之执行不同的代码

输出一个人1岁及100岁，并提示出生及死亡


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环之执行不同的代码</title>
</head>

<body>

</body>
<script>
    for (var i = 1; i <= 100; i++) {
        if (i == 1) {
            console.log('欢迎你 来到美丽的世界');
        } else if (i == 100) {
            console.log('你已经死亡了');
        } else {
            console.log('恭喜你' + i + '岁');
        }
    }
</script>

</html>

在这里插入图片描述

for循环可之执行相同的操作

求1~100的累加和


  <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环之执行相同的操作</title>
</head>

<body>

</body>
<script>
    // 声明求和的变量
    var sum = 0;
    for (var i = 1; i <= 100; i++) {
        sum += i
    }
    console.log(sum);
</script>

</html>

在这里插入图片描述

思路如下

  • 要循环100次，需要一个计数器i
  • 需要一个存储结果的值为sum
  • 计算公式：sum=sum+i

for循环之求1~100的平均数

求1~100之间的平均数


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环之求1~100的平均数</title>
</head>

<body>

</body>
<script>
    //声明一个求和的变量
    var sum = 0;
    var average = 0;

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

</html>

在这里插入图片描述

for循环求1~100中所有奇数和偶数的和.

思路如下：如何判断一个数为偶数呢？

解：能被2整除且余数为0，则为偶数，反之为奇数。


 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环之求1~100偶数与奇数的和</title>
</head>

<body>

</body>
<script>
    // 声明求偶数的和
    var even = 0;
    // 声明求奇数的和
    var odd = 0;

    for (var i = 0; i <= 100; i++) {
        if (i % 2 == 0) {
            even += i
        } else {
            odd += i
        }
    }
    console.log('1至100 所有偶数的和', even);
    console.log('1至100 所有奇数的和', odd);
</script>

</html>

在这里插入图片描述

for循环求100以内能被3整除的和

 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环之求1~100能被3整除的和</title>
</head>

<body>

</body>
<script>
    var result = 0;
    for (var i = 1; i <= 100; i++) {
        if (i % 3 == 0) {
            result += i
        }
    }
    console.log('1~100能被3整除的和', result);
</script>

</html>

在这里插入图片描述

for循环之学生案例

弹出输入框，输入班级总人数，求出总成绩及平均成绩sum


分析

1.弹出输入框，用户输入班级的总人数(userName)

2.依次输入学生的成绩（保存起来为sorce）,，需要用到for循环，弹出的输入框的次数跟班级总人数有关.条件表达式i<=userName

3.程序内部处理，计算总成绩(sum)，之后再计算平均值(average)


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环之求学生的总成绩及平均成绩</title>
</head>

<body>

</body>
<script>
    // 声明求总成绩的变量
    var sum = 0;
    // 声明求平均数的变量
    var average = 0;

    // 弹出输入框 输入班级总人数
    var userName = parseFloat(prompt('请输入班级总人数'));

    for (var i = 1; i <= userName; i++) {
        // 弹出输入框 学生输入自己的成绩
        var score = parseFloat(prompt('请输入' + i + '个学生的成绩'));

        // 求学生的总成绩
        sum += score;
    }
    // 求学生的平均成绩
    var average = sum / userName;
    alert('学生的总成绩:' + sum);
    alert('学生的平均成绩' + average);
</script>

</html>

在这里插入图片描述

for循环之打印n行星星

分析

1.通过prompt输入的值控制星星的个数
2.通过字符串追加的方式在控制台打印星星


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环之打印n行星星</title>
</head>

<body>

</body>
<script>
    // 声明一个空字符串
    var str = ''
    var user = parseInt(prompt('请输入打印星星的个数'));
    for (var i = 1; i <= user; i++) {
        str += '★'
    }
    console.log(str);
</script>

</html>

在这里插入图片描述

for循环之双重for循环

在for循环的基础上嵌套一个for循环，被称为双重for循环

语法


for(外循环初始化变量；外循环条件表达式；外循环操作表达式) {
    for(内循环初始化变量；内循环条件表达式，内循环操作表达式) {
           //执行的语句
    }
    
}

注意事项

  • 内循环可以看做外循环的语句
  • 外循环执行一次，内循环执行全部
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双重for循环的执行过程</title>
</head>

<body>

</body>
<script>
    for (var i = 1; i <= 3; i++) {
        console.log('外层for循环执行的' + i + '次');
        for (var j = 1; j <= 3; j++) {
            console.log('内层for循环执行的' + j + '次');
        }
    }
</script>

</html>

在这里插入图片描述

双重for循环之打印5行5列的星星

  • 外层循环负责打印5行星星
  • 内层循环负责一行打印5个星星

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双重for循环之打印5行5列的星星</title>
</head>

<body>

</body>
<script>
    var str = ''
    for (var i = 0; i < 5; i++) {
        for (var j = 0; j < 5; j++) {
            str += '★'
        }
        str += '\n'

    }
    console.log(str);
</script>

</html>

在这里插入图片描述

双重for循环之输入N行N列的星星


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双重for循环之打印n行n列的星星</title>
</head>

<body>

</body>
<script>
    var str = ''
    var row = parseInt(prompt('请输入行数'));
    var cols = parseInt(prompt('请输入列数'));
    for (var i = 1; i <= row; i++) {
        for (var j = 1; j <= cols; j++) {
            str += '★'
        }
        str += '\n'
    }
    console.log(str);
</script>

</html>

在这里插入图片描述

双重for循环之打印倒三角形

核心思路：j= i ; j<10 ; j++

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双重for循环之打印倒三角形</title>
</head>

<body>

</body>
<script>
    var str = ''
    for (var i = 0; i < 10; i++) {
        for (var j = i; j < 10; j++) {
            str += '★'
        }
        str += '\n'
    }
    console.log(str);
</script>

</html>

在这里插入图片描述

双重for循环之打印正三角形

核心思路：j=0;j<i;j++

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双重for循环之打印正三角形</title>
</head>

<body>

</body>
<script>
    var str = ''
    for (var i = 0; i < 10; i++) {
        for (var j = 0; j < i; j++) {
            str += '★'
        }
        str += '\n'
    }
    console.log(str);
</script>

</html>

在这里插入图片描述

双重for循环之打印九九乘法表

  • 外层控制行数 总共需要循环9行
  • 内层控制列数 核心:j<=i
  • 公式: j + ‘*’ + i + ‘=’ + i * j + ‘\t’
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双重for循环之打印九九乘法表</title>
</head>

<body>

</body>
<script>
    var str = '';
    for (var i = 1; i <= 9; i++) {
        for (j = 1; j <= i; j++) {
            str += j + '*' + i + '=' + i * j + '\t'
        };
        str += '\n'
    }
    console.log(str);
</script>

</html>

在这里插入图片描述

for循环之总结

  • for循环可以重复执行某些代码
  • for循环可执行不同的代码
  • 双重for循环，外循环执行一次，内循环全部执行。

while循环

语法

操作表达式
while(条件表达式) {
    //循环体代码
    操作表达式
    
}

注意事项

  • while循环中的条件表达式若为true，则执行循环体的语句，反之为false,则不执行循环体的语句
  • 执行完循环体的语句后，操作表达式会进行自增，会继续判断条件表达式是否满足（上述步骤）
  • while循环可以进行更复杂的条件判断。

while循环之打印hello word

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>while循环</title>
</head>

<body>

</body>
<script>
    var i = 1;
    while (i <= 100) {
        console.log('Hello Word');
        i++
    }
</script>

</html>

在这里插入图片描述

while循环之打印人的一生并提示出生及死亡


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>while循环之打印人的一生</title>
</head>

<body>

</body>
<script>
    var i = 1;
    while (i <= 100) {
        if (i == 1) {
            console.log('恭喜你 出生了');
        } else if (i == 100) {
            console.log('恭喜你 已经飞升仙界');
        } else {
            console.log('你已经' + i + '岁');
        };
        i++
    }
</script>

</html>

在这里插入图片描述

while循环之求1～100整数的累加和


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>while循环之求1~100整数的累加和</title>
</head>

<body>

</body>
<script>
    var i = 1;
    var sum = 0;
    while (i <= 100) {
        sum += i;
        i++
    }
    console.log('1~100整数的累加和:' + sum);
</script>

</html>

在这里插入图片描述

while循环之条件判断（你爱我吗）

要求：弹出输入框，除非用户输入我爱你，则停止询问，否则一直无限询问。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>while循环之条件判断(你爱我吗)</title>
</head>

<body>

</body>
<script>
    var user = prompt('你爱我吗?');
    while (user != '我爱你') {

        user = prompt('你爱我吗?')
    }
    alert('我也爱你 宝贝')
</script>

</html>

在这里插入图片描述

do while循环

do while循环是while循环的变体，do while循环至少会执行一次循环体的代码，再去执行操作表达式使变量进行自增或自减,再去判断条件表达式，若为true，则执行循环体的语句，false则不执行

var i =1;
do {
    //循环体语句
    操作表达式
}while(条件表达式)

do while循环之打印人的一生

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>do while循环之打印人的一生</title>
</head>

<body>

</body>
<script>
    var i = 1;
    do {
        console.log('你已经' + i + '岁');
        if (i == 1) {
            console.log('恭喜你 出生了');
        } else if (i == 100) {
            console.log('恭喜你 飞升仙界');
        }
        i++
    } while (i <= 100)
</script>

</html>

在这里插入图片描述

do while循环之打印1~100之间所有整数的和

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>do while循环求1~100整数的累加和</title>
</head>

<body>

</body>
<script>
    var i = 1;
    var sum = 0;
    do {
        sum += i;
        i++
    } while (i <= 100);
    console.log('1~100整数的累加和:' + sum);
</script>

</html>

在这里插入图片描述

do while循环之条件判断（你爱我吗）

要求：弹出输入框，除非用户输入我爱你，则停止提示询问，否则会一直询问下去。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>do while循环之条件判断(你爱我吗)</title>
</head>

<body>

</body>

<script>
    do {
        var user = prompt('你爱我吗');

    } while (user != '我爱你')

    alert('我也爱你 宝贝')
</script>

</html>

在这里插入图片描述

循环之总结

  • JS中的循环：for循环 while循环 di while循环
  • 在特殊情况下，三者可以相互替换
  • do while是while的变体，和while的区别是执行顺序不一样，while循环先判断后执行，do while循环至- 少执行一次
  • 重点放在for循环

continue break的区别

continue

continue:跳出本次循环，进行下次循环

求1~100内能被7整除之外所有整数的和

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>continue之求1~100内能被7整除之外所有整数的和</title>
</head>

<body>

</body>
<script>
    var sum = 0;
    for (i = 1; i <= 100; i++) {
        if (i % 7 == 0) {
            continue
        };
        sum += i
    }
    console.log('1~100内能被7整除的整数累加和:' + sum);
</script>

</html>

在这里插入图片描述

break

立即跳出整个循环，不再进行下次循环

i等于3的时候，跳出整个循环

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>break</title>
</head>

<body>

</body>
<script>
    for (var i = 0; i <= 5; i++) {
        if (i == 3) {
            break
        }
        console.log(i);
    }
</script>

</html>

在这里插入图片描述

简易ATM机

在这里插入图片描述
使用最简单的switch语句即可


 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简易ATM</title>
</head>

<body>

</body>
<script>
    // 简易ATM机
    var userName = parseInt(prompt('请输入操作\n1.存钱\n2.取钱\n3.显示余额\n4.退出'))

    // 本金
    var capital = 100;

    switch (userName) {
        case 1:
            var money = parseFloat(prompt('请输入存钱的金额'));
            var capital = capital + money;
            alert(capital);
            break;
        case 2:
            var cash = parseFloat(prompt('请输入取钱的金额'));
            if (cash > capital) {
                alert('金额不足')
            } else if (cash < capital) {
                var capital = capital - cash;
                alert('余额为:' + capital)
            };
            break
        case 3:
            alert('余额为:' + capital);
            break;
        case 4:
            alert('退出');
            break;
        default:
            alert('输入有误  重新输入')
    }
</script>

</html>

在这里插入图片描述

「已注销」
关注
  • 4
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
JavaScript——for循环
huijie_0716的博客
06-18 2903
目录循环JS中的循环for循环1、语法结构 2、执行过程3、断点调试 4、for循环重复执行相同的代码5、 for循环重复执行不同的代码 6、 for循环重复某些操作循环的目的：可以重复执行某些代码for循环主要用于把某些代码循环若干次，通常跟计数有关系。其语法结构如下： 2、执行过程 3、断点调试 断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示借误，停下。
JS循环
m0_46978034的博客
11-16 402
文章目录一.循环二.for循环 一.循环 1.循环目的 可以重复执行某些代码 2.JS中的循环 在JS中有三种类型的循环语句： for循环 while循环 do…while循环 二.for循环 在程序中，一组可以重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句 语法结构 <script> // 1.能否重复执行某些代码，取决于计数，和终止条件 // 2.for 语法结构
JavaScript学习总结（循环）
2202_75688394的博客
04-08 902
学习JavaScript的 循环 、for 循环 、双重for循环 、while 循环 、do while 循环 、continue break 、命名规范以及语法格式
JS的遍历方法集合
热门推荐
weixin_45416189的博客
03-02 1万+
24个JavaScript循环遍历方法 24个JavaScript循环遍历方法 一 数组方法 1. forEach() forEach 方法用于调用数组的每一个元素，并将元素传递给回调函数。数组中的每一个值都会调用回调函数。 array.forEach(function(currentValue,index,arr),thisValue) 该方法的第一个参数为回调函数，是必传的，它有三个参数: currentValue: 必须，当前元素 index： 可选，当前元素索引值 arr： 可选，当前元素所
js计算函数被执行次数
偏执
07-25 357
LINK[rel=import]其实有点类似于IFRAME，它引用的对象也是一个完整的文档，而不是文档片段，而且里面的SCRIPT也会执行。该方案适用于主域名一致，子域名不一致的情况。返回值），currentValue（当前数组的元素值），currentIndex（当前数组元素的索引值），arr（当前数组元素）接受一个function函数以及一个initialValue(传入的初始值)的初始值。其中function函数接受四个参数分别为total（每次计算的。，对跨域的资源访问同样有同源策略的限制。
JavaScript基础（for循环、数组）
weixin_47926886的博客
03-31 137
JavaScript基础中for循环、数组的基本使用以及语法的介绍
Javascript基础（循环结构、数组）
m0_46420078的博客
11-12 536
目录 一、循环结构 二、数组 三、排序算法 四、二维数组 一、循环结构 1、while循环:'当'循环,当条件为真时,执行循环体语句 while(条件){ 循环体语句; } 2、do-while循环：'直到'循环。 do{ 循环体语句; }while(条件); (1)'do'是关键字：必须和while结合使用,不能单独使用 (2)无论条件是否为真,循环体语句至少执行一次 3、fo...
JavaScript基础知识学习笔记
10-25
以上只是JavaScript基础知识的一部分，深入学习JavaScript还需要理解更多高级概念，如模块系统、Promise和async/await、模板字符串、ES6及后续版本的新特性等。对于初学者来说，逐步掌握这些知识，结合实践操作，将...
javascript基础知识
04-03
JavaScript是Web开发中不可或缺的一部分，它是一种轻量级的、解释型的编程...以上是JavaScript基础知识的概述，通过实践这些知识点，你可以编写出功能丰富的网页应用。不断学习和实践，才能更好地掌握这门语言的精髓。
JavaScript入门篇，JavaScript基础知识
01-05
在学习JavaScript的过程中，持续实践、不断阅读优秀的代码、及时复习和巩固知识，是成为熟练JavaScript开发者的必经之路。随着技能的提升，你将能够利用JavaScript创造出更多富有创意和功能强大的Web应用。
关于javascript的一些知识以及循环详解
10-21
了解并熟练掌握JavaScript的这些基础知识和循环机制，对于Web开发来说至关重要。它们不仅能够帮助开发者解决常见的编程问题，也是进一步学习更复杂功能（如异步编程、函数式编程、模块化等）的基础。
html5前端基础之JavaScript基础
04-06
在本章节，我们将深入探讨JavaScript的基础知识，包括语法、数据类型、变量、控制流、函数以及对象。 1. **JavaScript语法** JavaScript的语法与C++和Java类似，它是一种弱类型、解释型的脚本语言。它的语句通常以...
JavaScript 的 常见循环
weixin_42559756的博客
07-27 600
JavaScript 的 常见循环
javaScript中的循环语句
weixin_48735790的博客
09-25 188
for和while循环有什么区别？当明确循环次数时，推荐使用for循环当不明确循环次数时，推荐使用while循环了解while(true)来构造“无限”循环，需要使用break来结束循环for(;;)也是可以构造“无限”循环。因为没有开头，也没有限制的条件，因此也需要使用break来结束循环。
JavaScript中for循环的使用
编程界明世隐的博客
12-02 2555
For 循环 for 循环的语法如下： for (语句 1; 语句 2; 语句 3) { 要执行的代码 } 语句1在循环开始之前执行。 语句2判断循环的条件。 语句3在循环每执行一次后执行。 实例： for(var i=0;i<7;i++){ console.log(i) } 输出： 0 1 2 3 4 5 6 每次循环执行的时候会去判断 i<7 成立就会执行循环一次，否则循环不在执行； 每次循环后会执行：i++ 进行递增。 注意: break语句可以中...
React Solidjs 的 JSX 次数循环, 计次循环, 比如: 循环100遍
未将对象引用设置到对象的实例
05-28 898
核心代码 [...new Array(50)] [...new Array(props.count)] 例子 let App = function () { return ( <> {[...new Array(50)].map(() => { return <p> Hello jsx </p>; })} {[...new Array(50)].map(() =>
JS期末考试复习内容汇总
执念斩长河
06-15 2912
这是一场关于ZCMU的js期末考试，内容没有啥，直接复习就完事了.
JavaScript中的for循环
头条:俊哥前端工程师，真正的大师永远怀揣着一颗学徒的心。
12-17 1046
for循环- 语法： for(①初始化表达式;②条件表达式;④更新表达式){ ③语句... }
【React 】开发环境搭建详细指南
最新发布
lph159的博客
07-24 1136
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
"学习JavaScript基础知识：循环结构、介绍和基本语法
JavaScript基础 ...掌握JavaScript基础知识，对于前端开发人员来说是非常重要的。不仅可以提升网页的可用性和用户体验，还可以实现复杂的业务逻辑和交互效果。因此，学习JavaScript基础知识是非常有必要的。
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值