java script 中的 break 与 continue 使用技巧

2025-11-19 12:24:14

1、一个使用 break 的案例。从这个案例当中,我们可以看出 if 语句当中执行了 break 的命令。结果也呈现了这一点。

<!DOCTYPE html>

<html>

<body>

体验一下break的停止效果

<button onclick="myFunction()">点看效果</button>

<p id="停止">

<script>

function myFunction()

{

var x="",i=0;

for (i=0;i<10;i++)

  {

  if (i==7)

    {

    break;

    }

  x=x + "我的数字是" + i + "<br>";

  }

document.getElementById("停止").innerHTML=x;

}

</script>

</body>

</html>

java script 中的 break 与 continue 使用技巧

2、如果我们把 break 变成 continue 之后,整个网页的结果又不一样了。

<script>

function myFunction()

{

var x="",i=0;

for (i=0;i<10;i++)

  {

  if (i==7)

    {

    continue;

    }

  x=x + "我的数字是" + i + "<br>";

  }

document.getElementById("停止").innerHTML=x;

}

</script>

java script 中的 break 与 continue 使用技巧

3、从上面的例子我们可以清晰的看到,i=7 完全跳过去了,所有的其它的数字都在网页上面呈现了。

java script 中的 break 与 continue 使用技巧

4、JavaScript 标签有一个共同的用法就是在命令的后面加上一个:

如同 list:  而break 和 continue却算不上一个正式的标签,它只是循环语句当中控制代码块的一个命令而已。它的使用要结合其它的元素,如break labelname;

java script 中的 break 与 continue 使用技巧

5、标签语句与break一起使用的例子。

<!DOCTYPE html>

<html>

<body>

<script>

cars=["好人","坏人","大人","小孩","男人","女人"];

list:

{

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

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

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

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

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

break list;

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

}

</script>

</body>

</html>

java script 中的 break 与 continue 使用技巧

6、一个简单的 replace() 语句 java script 中的使用。

<html>

<body>

<script type="text/javascript">

var str="百度经验好严格"

document.write(str.replace(/好严格/,"好宽松"))

</script>

</body>

</html>

java script 中的 break 与 continue 使用技巧

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢