苏飞论坛

标题: 【零基础学习web前端】JavaScript switch 语句 [打印本页]

---

作者: Amy    时间: 2018-12-17 17:20
标题: 【零基础学习web前端】JavaScript switch 语句


【零基础学习web前端】JavaScript  switch 语句

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

循环可以将代码块执行指定的次数。

for 循环
for循环的基本语法

[JavaScript] 纯文本查看 复制代码

for (语句 1; 语句 2; 语句 3) { 

被执行的代码块 

} 

• 语句1：在循环（代码块）开始前执行
• 语句2：定义运行循环（代码块）的条件
• 语句3：在循环（代码块）已被执行之后执行
  

例如我们用for循环输出1到10数字，我们可以这么写:

[JavaScript] 纯文本查看 复制代码

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

数组也可以用到for循环

[JavaScript] 纯文本查看 复制代码

cars=["a","b","c","d"];

        for (var i=0;i<cars.length;i++){

            document.write(cars + "<br>");

        }

执行完输出效果
(, 下载次数: 178)

上传

点击文件名下载附件
当i=2时，则只能输出a、b两个。
不同类型的循环

• for - 循环代码块一定的次数
• for/in - 循环遍历对象的属性
• while - 当指定的条件为 true 时循环指定的代码块
• do/while - 同样当指定的条件为 true 时循环指定的代码块
  

For/In 循环

[HTML] 纯文本查看 复制代码

<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>

<button>点击这里</button>

<p id="demo"></p>

<script>

function myFunction(){

        var x;

        var txt="";

        var person={fname:"Bill",lname:"Gates",age:56}; 

        for (x in person){

                txt=txt + person[x];

        }

        document.getElementById("demo").innerHTML=txt;

}

</script>

执行后效果
(, 下载次数: 163)

上传

点击文件名下载附件
不用for/in的话 可以这样写

[HTML] 纯文本查看 复制代码

<button>点击这里</button>

    <p id="demo"></p>

    <script>

        var x;

        var txt="";

        var person={fname:"Bill",lname:"Gates",age:56}; 

        txt+= person.fname;

        txt+= person.lname;

        txt+= person.age;

        document.getElementById("demo").innerHTML=txt;

    </script>

效果一样

---

作者: 范范    时间: 2018-12-17 17:23
楼主加油，我们都看好你哦。

---

作者: 站长苏飞    时间: 2018-12-17 17:30
我只是路过打酱油的。

---

作者: liu    时间: 2018-12-18 15:43
感恩无私的分享与奉献

---

作者: 竹林风    时间: 2018-12-18 16:14
感恩无私的分享与奉献

---

作者: 惜    时间: 2018-12-19 15:26
楼主加油，我们都看好你哦。

---

欢迎光临 苏飞论坛 (http://www.sufeinet.com/)

Powered by Discuz! X3.4