从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）

复习：从零开始学前端：中括号代替点操作，获取对象，自定义标签属性 — 今天你学习了吗？（JS：Day3）

文章目录

• 从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）
• • 前言
  • 第四节课：if判断，for循环，while循环
  • • 一、比较符
    • 二、if判断
    • 三、六大假值
    • 四、switch
    • 五、三目运算
    • 六、字符串拼接
    • 七、正向遍历、反向遍历
    • 八、for循环
    • 九、、自定义属性保存值
    • 十、练习

前言

啊~ 把两节课的整混了，下节课内容讲解本节课习题，勤加练习~

第四节课：if判断，for循环，while循环

一、比较符

二、if判断

三、六大假值

四、switch

五、三目运算

六、字符串拼接

七、正向遍历、反向遍历

八、for循环

循环可以将代码块执行指定的次数，如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。

如何数数，从1打印到100；
如果按照目前所学过的知识来写，我们无意识一个console.log一个console.log的来写，但是如果用到for循环，则可以很简单，方便。
for循环的方法：

        for (var i = 0; i <= 100; i++) {
            console.log(i);
        }

输出：

for循环的方法：

• 记录次数： i初始从哪开始。
• 判断循环次数： 判断条件，临界值，如果超过临界值的时候，就不要做循环了。
• 步长： 每次判断之后，来改变步长，也就是i的变化量。比如i++。

for循环结束时的i = max + 步长：

        for (var i = 0; i <= 100; i++) {
            console.log(i);
        }
        console.log('循环结束时的i为：')
        console.log(i)

输出：

for循环不常规的写法

注意：里面的“;”不可以提取出来！！

        var j = 0;
        for (; j <= 10;) {
            console.log(j);
            j++;
        }

输出：

九、、自定义属性保存值

点击一个按钮出现按钮对应下标

    <button>1</button>
    <button>2</button>
    <button>3</button>
    <button>4</button>
    <button>5</button>
    <button>6</button>
    <script>
        var btns = document.getElementsByTagName("button");
        for (var i = 0; i < 6; i++) {
            // 每次循环的值都把它存储起来。设置每一个值为i，用index把它保存起来。不同的对象里面有一个名字相同的属性；
            btns[i].index = i;
            btns[i].onclick = function () {
                console.log(this.index)
            }
        }
    </script>

输出：

十、练习

1. 聊天发表
2. js轮播图