Js基础-循环语句(for和while的区别)，判断语句，语句案例

最新推荐文章于 2022-09-01 06:30:00 发布

自律自强的鱼

最新推荐文章于 2022-09-01 06:30:00 发布

阅读量505

点赞数

分类专栏： Js 文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_42863800/article/details/103725878

版权

Js 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

Ⅰ- 壹 - 条件语句

一 if

if就是 “如果”的意思。
表达式值为真时，执行if控制的语句
语句体只有一条语句时,可以不加{}
条件表达式会隐式转换为布尔类型

语法格式1

if ( 条件表达式) {
	语句1
}

语法格式2

如果上面条件满足则不会判断下面内容。
配合函数 return将会很少使用这个用法

if(条件表达式){
	语句1
}else{
	语句2
}

if 嵌套

if(条件){
	if(条件){
	}
}

二 switch case

判断 switch中的表达式中是否绝对等于（===）。既数值和数值类型相等
break 跳出，如果不写break不判断值2是否相等，直接穿越

switch(表达式){
            case 值1:
            // 当表达式绝对等于值1时执行这里的内容
            // break  跳出，如果不写break不判断值2是否相等，直接穿越
            break;
            case 值2:
              // 当表达式绝对等于值2时执行这里的内容
            break;
            case 值3:
              // 当表达式绝对等于值3时执行这里的内容
            break;
            case 值4:
              // 当表达式绝对等于值4时执行这里的内容
            break;
            default:
            // 默认以上条件都不满足时执行这里
        }

工作原理：首先设置表达式（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在则执行与该 case关联的代码块。请使用 break 来阻止代码自动地向下一个 case 运行。

case 当做表达式进行选择

var score=prompt("请输入你的成绩");
switch(true){
            case score>=90 && score<=100:
             console.log("优秀");
            break;
            case score>=80:
            break;
            case score>=70:
            break;
            case score>=60:
            break;
            default:
            
        }

Ⅱ - 贰 - 循环语句

一 while

条件表达式都是将结果转换为布尔值
while语句是一种先判断，后运行的循环语句。也就是说，必须满足条件了之后，方可运行循环体
循环体有可能一次也不执行。
循环体应包含有使循环趋向结束的语句；
下列情况，退出while循环
1. 条件表达式不成立
2. 循环体内遇 break

语法格式：

while（判断语句）｛
	循环体；
｝

语句1
例如：

var i=1; //赋初值语句
while(i<=10)//控制循环条件
{
	document.write("hello world!<br/>");  //循环体
	i++; //循环增量
}

二 do while

do…while语句是一种先运行，后判断的循环语句。也就是说，不管条件是否满足，至少先运行一次循环体。
++i 最好用于累加

语法格式

赋初值1；
do
{
   循环体;2    
   循环增量;3   

}while(循环条件);4

语句

var i=1;
do{
	document.write("hello world!<br/>");  //循环体
	i++;
}while(i<=10);

++i

var i=0;
do{
	document.write("hello world!<br/>");  //循环体
	i++;
}while(++i<10);

三 for

循环三要素：即表达式1，表达式2，表达式3
（循环变量赋初值，循环判定条件，循环增量）
循环体：需要重复执行的语句。
双层循环时，不要再内层的判断中，改变外层变量
循环是同步的，会造成堵塞。循环次数不能超过10亿次，循环嵌套不能嵌套太多。一般不超过三次

语法格式

for（表达式1；判断表达式2；表达式3）
｛
		循环体；
｝

语句

//0-9累加
var sum=0;
for(var i=0;i<10;i++){
sun+=i; //累加器
	console.log(i)
}

循环嵌套：外层循环一次内层循环一遍

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

四 for 和 while 的区别

当循环的次数确定时，使用for循环和while循环差别不大，但是当循环次数不确定时，while方法使用起来更加方便（已知循环次数用for循环，未知循环次数用while循环）
在处理大量数据的时候用while，比较合适。for 中需要定义初始变量在遍历大量数据的时候效率低一点

Ⅲ - 叁 - 其他

1 break

break语句会立即退出循环，强制继续执行循环后面的语句，结束本层循环。
一般出现在循环语句和 switch中

可以当做锚点使用

    var str = "";
    var j = 0;
    // 设置锚点位置
    AB: while (j < 10) {
        str += "<ul>";
        var i = 0;
        while (i < 10) {
          str += "<li>项目"+ i + " </li>";
          i++;
          //跳出到锚点位置
          if (i === 4 && j === 4) break AB;
        }
        str += "</ul>";
        j++;
    }
    document.write(str);

2 continue

continue语句仅用于循环语句。虽然也是立即退出循环，但退出循环后会从循环的顶部继续执行，结束本次循环进行下一次。
出现在循环语句中
continue跳出最近的循环

for (var box = 1; box <= 10; box++) {
	if (box == 5) break;//如果box是5，就退出循环
	document.write(box);
	document.write('<br />');
}

for (var box = 1; box <= 10; box++) {
	if (box == 5)
	 continue;//如果box是5，就退出当前循环
	document.write(box);
	document.write('<br />');
}

Ⅳ - 肆 - 案例

一打印三角形

1
在这里插入图片描述

      var j = 0,
        row=10,
        col=20,
      i,n;
    while (j++ < row) {
      n = 0;
      while (n++ < row-j) document.write("&ensp;");
      i = 0;
      while (i++ < j*2-1) document.write("*");
      document.write("<br>");
    }

1.1
在这里插入图片描述

  var j = 10,
    row = 10,
    col = 20,
    i, n;
  while (j-- > 0) {

    i = row;
    while (i-- >= j) {
      document.write("&nbsp;");

    }

    n = 0;
    console.log(j)
    while (n++ < j) {
      document.write(" * ");

    }

    document.write("<br>");
  }

2
在这里插入图片描述

  var j = 0,
    row = 10,
    col = 20,
    i, n;
  while (j++ < row) {
    n = 0;
    while (n++ <= row - j) document.write(" ");
    i = 0;
    while (i++ < j ) document.write(" * ");
    document.write("<br>");
  }

3
在这里插入图片描述

  var j = 0,
    row = 10,
    col = 20,
    i, n;
  while (j++ < row) {
    n = 0;
    while (n++ <= row - j) document.write(" * ");
    i = 0;
    while (i++ < j ) document.write("  ");
    document.write("<br>");
  }

二表格和 99乘法表

在这里插入图片描述
css

    table {
      border-collapse: collapse;
      width: 800px;
    }

    td,
    th {
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      text-align: center;
      border: 1px solid #000000;
    }

    //   9*9 乘法表格
     var col = 9,
      row = 9,
      i = 0,
      j = 0;
    document.write("<table>");
    while (j++ < row) {
      i = 0;
      document.write("<tr>");
      while (i++ < j) document.write("<td>" +j+"*"+i+"="+j*i + "</td>");
      document.write("</tr>");
    }

    document.write("</table>");

打印表格
在这里插入图片描述

    var col = arr.length,
      row = 9,
      i = 0,
      j = 0;

    document.write("<table>");

    while (j++ < row) {
      i = 0;


      for (; i < col; i++) {

        document.write("<td>");
        document.write("33");
        document.write("</td>");
      }
      document.write("</tr>");
    }

    document.write("</table>");

三求0-100所有质数

while

// 求0-100所有质数
      var j = 1,i=2,bool=true;
     while (j++ < 100) {
         i = 2;
        bool = true;
        while (i < j) {
          if (j % i === 0) {
            bool = false;
            break;
          }
          i++;
        }
        if (bool) console.log(j);
      }

四打印列表

在这里插入图片描述

 var j = 0,
    i;
  document.write("<ul>");
  while (j++ < 10) {
    i = 0;
    document.write("<li>第" + j + "章<ul>");
    while (i++ < 10) document.write("<li>第" + i + "节</li>");
    document.write("</ul></li>");
  }
  document.write("</ul>");

五水仙花数

for(var i=100,a,b,c;i<1000;i++){
	a=parseIne(i/100);
	b=parsrInt(i/10)%10;
	c=i%10;
	if(a*a*a+b*b*b+c*c*c===i) console.log(i);
}

六字符串倒装

var str "asdfsdfsdf";
console.log(str.length);//获取字符串长度
var s="";
for(var i=str.length-1;i>=0;i--){
	s+=str[i]
}
console.log(s)

0 - 0 - 知识点：

一 ascll码值和数值转换

字符串.charCodeAt（字符串下标）: 获取字符串的ascll码值
String.formCharCode(ascll码值) : ascll码值对应的值

字符	ascll码范围
a-z	97-122
A-Z	65-90
0-9	48-57

所有码表地址 http://ascii.911cha.com/

console.log("azAZ09".charCodeAt(5));//57
console.log(String.fromCharCode(97));//a

二 &emsp；&ensp；&nbsp；区别

&emsp；汉字宽
它叫“全角空格”，全称是Em Space，em是字体排印学的计量单位，相当于当前指定的点数。例如，1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性：透明的，此空格也有个相当稳健的特性，就是其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。
&ensp；字母宽
它叫"半角空格"，全称是En Space，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体度的一半（如16px字体中就是8px）。名义上是小写字母n的宽度。此空格传承空格家族一贯的特性：透明的，此空格有个相当稳健的特性，就是其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响。
-&nbsp；不换行空格

它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。

标注： https://www.jianshu.com/p/160e5cb0209c

自律自强的鱼

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Js基础-循环语句(for和while的区别)，判断语句，语句案例

循环语句ifif就是 “如果”的意思。if ( 条件表达式) {语句1}语句2表达式值为真时，执行if控制的语句语句体只有一条语句时,可以不加{}例：如果输入if elseif(条件表达式){语句1}else{语句2}语句3if语句也成为“选择语句”、“条件判断语句”if elseif…else if…else 语句：使用该语句来选择多个代码块之一来执行用...
复制链接

扫一扫