43.尚硅谷_JS基础_for循环练习

题啊，第一道题呢，我们打一个就对乘法表啊，九后乘法表呢，其实我们说了这两道题肯定都是，诶毫无疑问都要需要使用到我们这个嵌套的一个色循环，诶其实呢，你不要光看它这个数这东西，你看的时候就把它当成一个什么呀，当成一个图形去图形去看，那咱们可以再给它多写点啊，一三得三，完了以后呢，我们这是一个一四得四，然后二四。嗯，224得八是吧，二四得八，然后是三四一十二，然后是四四一十六，这样咱们多写点，你更更好看一点，那既然说了它也是这么一个这个呃，也是这么一个三角形，这么一个图形，那既然是要图形，我们就有什么呀，就有到这个高还有什么呀，还有宽对吧？诶高还有宽，那这块我们发现什么呢？诶那它这个高图形的高应该是多少啊？九九乘号表是不是从一到九啊，从一开始最后一行是不是就是九啊？诶一共是几行啊，一共是九行吧？哎，一共是九行，那所以那既然一共是九行，既然高一共是九，那我们这个外层循环应该循环几次呀？

是不是循环九次呀，哎，外层循环九次，那我们来说，那我们来直接来干嘛呢？创建一个这个，呃，外层循环用来什么呢？用来控制控制我们这个乘法表的一个什么呀？哎，乘法表的一个这个高度，它是循环是九次，直接负二循环，Y一个I等于零，但是这里边你要注意了，我这I等于零好不好不好，因为我这个乘长表是从几开始的呀，是从一开始的吧，是不是到九结束啊，所以这块呢，从零开始不好，我们最好还是从几啊，哎，从一开始，哎，Y一个等于一，然后I小于，哎小于十或者小于等于九是不是都行啊哎小A等于九或者小于十都行啊，然后来一个这个I加加，我们这来什么呢？来一个cancel.log一个，哎，然后呢，我这一保存咱们再看走你，诶是不是123456加九啊，诶现在这个高呢，我们就给它定出来。

啊，高定出来了，然后高有了，高就是九，那接下来我们来看什么呢？看宽，宽我们来看第一行的宽是多少啊，第一行几个式子呀，一个式子，那宽是不是就是一啊，第二行几个式子呀。两个式子，那宽是不是就是二啊，第三行几个式子呀，三个式子，那第三行宽是不是就是三呀，所以我会发现什么呢？第一行的宽是一，第二行的宽是二，第三行的宽是三，那第九行的宽呢，是九啊，哎，九，所以接下来呢，我们要在这里边来干嘛呢？哎，创建一个内层循环。来干嘛呢？来控制我们这个图形的一个宽度，这跟刚才那是不是一样的呀，第一行是一，那我来一个负荷循环，来一个Y一个接接从底开始啊，是不是也是从这个一开始啊，哎，从一开始，那第一行宽度是一个一，那应该什么呀？

我接应该小于几？哎，接应该等于接应该小于几？接是不是应该小于等于一呀？第一行是不是应该小于等于一啊，第二行是不是小于等于二啊，第三行是不是小于等于三呀，这能懂吗？注意啊，如果你这接是从零开始的，你就小于一就行了，懂吗？但是现在我们从几开始了，从一开始了，所以你这里小于是不是等于一啊，小于等于二，但是你这么一写是不是就写死了呀？那我这一和二是谁呀？是不是就I呀？哎，小于等于哎，第一行的时候就是小于等于一，第二行就小于等于二，第三行是不是小于等于三呀？诶然后我们来看还有什么呢？来一个接加加，那我这式子是不是就写完了呀？两层循环，外层的这是我们这个高，内层是我们这个宽，这东西我们就写完了，那咱们先看啊，我先来干嘛呢？先来一个document.right我们还是先写一个星号，我看能不能出来啊，然后这么一写呢，干嘛了。

是不是有一排需要了，我们需要干嘛呀，对它换行吧，哎在这在我们这个循环外边输出一个换行，注意在哪输出的，在我们这个内存循环直环了以后输出话吧，诶来一什么呢？来一个document，第二一个right来一什么呢？第二，然后再一保存走，你是不是三角就就就出来了，哎三角形出来了，但是这块我们不能写什么呀。不能写芯儿了，我们得写那个什么呀，是了吧，第一行应该输出的什么呀，一得一对吧，第二行应该是这个一二得二，二二得四对吧，哎是这么一个，那问题来了，那现在我这一是谁，二是谁呀？诶那咱们说了，这我有两个值，一个是A，一个是。接我可以什么呀？我可以用I乘以，哎，I加上一个星，I乘以一个接，这样写对吧？或者也可以用什么呢？用阶乘以，哎，那问题来了，那这里边接应该是接在前面还是挨在前面，那你看前面这个，这是一，然后是二，然后是三，你看这123这什么玩意儿，这是不是宽度啊？诶第一个第二个第三个这是不是宽度啊，你再看第二个值1234，这是你看每一行。

是不是这一行是不是都是三呀，第二个值第四，诶这个第二行是不是都是第二个值不是都是四啊，你发现第二个值是不是都是固定的呀，那这四啊，这三呀，这一二是什么呀。这是不是高度啊，哎，所以注意那I和阶谁是高度啊I吧，哎，I是高度，所以我们说了应该什么呀，应该是什么呀？哎，阶在前是不是I在I在后啊，能看懂吗？哎，阶在前，I在后，因为什么呀？我的第二个值代表的是什么呀？是高度啊，第二个值代表是高度，而我们I才是什么呀，它是高度，那你这么写完了，然后再加上一个什么呢？加上一个等于，然后再加上一个I乘以接这能看懂吗？这是不是在拼这个式子呀？哎，拼这个式子，然后一保存走，你是不是就出来了？哎，一得一，一二得二，二得四，一三得三，二三得六，三三得九，是不是就出来了呀？但是还是这问题，发现他们有点什么呀，有点近是吧？哎，有点近，咱们在这儿呢，给它加一个。

诶，按符分号来一个NBSP加一个空格，诶这样是远点了，当然还有点近是吧，咱们多写几个保存。是不是就出来了呀，哎，这就是我们这个九九乘号表，那这一题呢，不难，实际上跟我们什么呀，跟我们那个题是一样的，只不过把这什么呀，把这个星号换成了这个式子，但是你一定要区分出我们这有两个数，到底哪个数是I，哪个数是阶，或者换一句话说哪个是高，哪个是宽，但是其实呢，其实倒是无所谓是吧，只不过写完那式子可能不太好看啊，所以这块你看哪个是宽，哪个是高，一定要给它区分开啊，一定给它区分开好，那这块写完了，但是这试的感觉写完了吧，它有点啊，有的地方你看。

这个地方。这个地方它是不是就没对齐啊，哎，有点不好看了，那我希望干嘛呢？希望让这个式子写完了稍微的能能好看一点，哎，或者咱们干嘛呢，我在外部来运行，我希望这式子能稍微能哎能漂亮一点，那这块怎么办呢？要漂亮一点，其实最简单的我们是不是给这个他设置这个CSS呀，诶CS，但是你这块一选中我们来看看啊，现在呢，这个这些东西干嘛呀，是不是直接就写到这个。包底里了，哎，直接写到包底里了，你这块设置样式呢，还不好设置，所以你看我干一件什么事啊，干一件什么事呢？看着我在这儿前边给它加上这么一个东西来一个什么呢？四败一加，然后在这式子的最后呢，这堆空格我也不要了，也换成什么呢？换成一个四败，只不过这是什么呀，结束标签SPA，那你会发现现在什么呢？现在我整个这个式子是不是都在一个这个SPA里套着呢？诶SPA里套着我这一保存，咱们这看效果一刷新样子还是这样，但是你打开玻璃呢，你发现什么呢？每个式子是不是都在一个这个SPA里啊，哎，每个式子现在都在一这个死SPA里，听到同学说了，这死办有啥用呢？有死SPA了，我们是不是可以给他设置样式了？来，回到我们这个样式表，我们来写一个，在这写一个样式吧，死SPA要标签，我们来什么呢？我们就统一给这个死SPA设置了，我给他来什么呢？来一个宽度假设呢，我来一个100个像素，我这么写行不行，有没有用啊，没用，因为。

子是个这个运雷元素吧，哎，航天元素，那现在我们要让它生生效，我是改成哇，改成快元素有问题，改成快元素是不是都独占一行了，是是又变成一溜了呀，诶所以来什么呀，叫做一个阴烂block，是不是换成这个行列抗元素啊，这样一保存，你来看我这是一刷新，这不就开阔一些了，但是好像这100像素有点有点大，我们来一个什么呢？来一个80看看吧，一保存一刷新是不是就OK了呀，这样它是不是就都都对齐了呀，哎，都对齐了啊好，这是我们说一个九九乘法表，那这块写完了，其实它还有一个好处就是什么呀，它还是那个好处什么呀，比较比较灵活，怎么叫零活呢？你现在是九九乘法表，我不要九九了，我要什么呢？十时乘法表行不行啊，一保存一刷新是不是就十乘十了，你说我要一个什么呢？白百乘法表行不行，行，那就有点多了是吧，点多了，但是它呢，它就这么一个特点，比较灵活，你只要修改这么一个值，整个乘法表是不是都。

都变了呀，诶但是你发现这怎么我想示成这么事了，哎是不是宽度不够了呀，哎，宽度不够了，那这块呢，你可以干嘛呢？哎，你可以给bodyy指定一个宽度直接在这儿啊，咱们body呢，宽一点，这样它就什么呀，就出滚动条了，不会再换行了，来一个外外来什么呢？来一个这个诶2000P做个宽点一保存啊，是不是这样就横过来了，诶它这边会出现一个这个水平方向一个滚动条啊滚动条啊，那这个呢，是我们说的一个九九乘法表的一个练习啊，比较简单，咱们接着再往下说，再往下说一个是我们什么呢？那个质数练习，知识数练习呢，我们已经做过了，其实这是在做呢，其实非常简单了，就是在我们之前的基础上，外边在干嘛，再给他套一个这个复习完就完事了啊，复向完事，但是我们来还是从头做一下啊，把这练习再回顾一下，来一个这个sscript的标签，我们来写一下，练习叫什么呢？叫打印出我们这个一到100之。

它所有的这个质数，质数就不用多说了，叫什么呀，就是只能被一和它自身整除的数啊，哎，只能被一和它自身整除的数，我们说了一既不是质数，也不是合数啊，也不是合数，那所以让你打印出一到100之间所有的这个质数，我们应该先干嘛呀？是不是打印一到100之间所有的数啊，哎，所有的整数，但是注意了，我有没有必要打一了，没有必要打一了，一我们是不是已经知道它不是质数了，所以干嘛呢？我们直接干嘛呢？打印我们这个二到100之间所有的什么呀？哎，所有的这个数啊，二到100之间的所有的数，那这块怎么玩呢？直接来一个负循环，Y一个I等于二，是不是从二开始啊，然后来一个I小于等于100，然后来个I加加，现在呢，我们在控制台来一个cancel.log一个，哎，然后我这一保存走你。

是不是二到100啊，那接下来我们要干嘛呀，我要判断这个I是否是质数吧？哎，判断这I是否是质数，那其实写到这儿就跟我们上周六做了一个练习是一模一样了，为什么呀，上周六我们是判断什么呀，用户是不是给我们输入一个数啊，我们是判断用户。

是输入那个number啊，那这一块我们只是把这个问题变成什么判断这个I了吧，其实是一样的，最简单的方式，你把这个代码直接给他啊，复制过来就好使了啊复制过来好使，那咱们还是写一下啊，还是写一下，那我们说了，现在我要干嘛呢？我要判断什么呢？A是否是质数，那我先要干嘛先要干。诶，我是不是要获取到我们这个，诶，一到I之间的这个所有的数啊，假设I是三，我就要获取到谁呀？获取到二，我要看看三能不能被二整除，如果三不能被二整除，那三是不是就是质数啊，还是如果是五，我就要找到谁呀？找到234吧，如果五不能被二整除，不能被三整除，也不能被四整除，那是不是证明五是质数啊？如果是十，我得找到什么呀？234是不是一直到九啊？然后呢，我要去检查十能不能被这这些数整除，如果都不行，那是不是十也是质数啊，能理解吗？所以我现在找到什么呀？找到一到I之间所有的这个数，或者咱们顺种说法叫二到I之间所有的数啊，2I之间所有数，你直接即使写一到I，它也是不不包括这个一的，因为除了一和它本身啊，除了一和它本身，那现在我这边是要，既然要找到二到A之间所有的数，我是不是要写一个。

负循环呀，哎，负循环Y一个这个阶等于从几开始呢？哎，从二开始，然后呢，我接是小于小于X吧，哎，你不能等于除了一和它本身吧，哎，除的是小于，然后再来一个什么呀，来一个这个接加加是不是这么一个呀，那这阶是多少啊？假设A是三，那阶就是几？是不是就是二啊，I是四阶，是不是就是二三呀，哎，二三我们来输出一下啊，直接来一个cancel log一个什么呢？我来一个箭头啊，咱们标识一下，我这来什么呢？加上一个接，我这输出接，然后在外边呢，我输出一个，哎，我们来看看哎和接对应的值，直接输出一个I保存，咱们来看效果。

切换到我们边改边看这一看。哎，这数据有点。有点太多了，哎，你看当我们这个I是92的时候，你看我接什么呀，二三四五六七八九十一直到什么呀，一直到。是191啊，就是获取到和之间那些数啊，二和这个之间的数，那这数有了，那接下来我要我要干嘛？哎，我要判断什么？哎，判断我们的这个I是否能被哎，能被我们这个整除，怎么判断呀？If，我们这个I摩也阶等等于零，那证明什么？哎，是不是证明我们这个A不是质数啊？哎，A不是质数我们说了，如果要证明A是质数，这个事是不是比较麻烦呀？哎，比较麻烦，所以我们反着证明来证明什么呀？证明I不是质数，一旦进入到我们这个判断了，就一定能证明我们的I是不是不是质数了，哎，我们把那些所有的不是质数的数取出来，剩下的是不是都是质数了？哎，那我们说了，如果进入判断。

则什么呢？则证明我们这个什么呀？诶I不是质数，哎，则证明我们这个I不是质数，那好了，那现在我们来说了，那我这I我应该是不是，如果是质数，我是不是就得。输出啊，哎，如果是质数我就得输出，那我想想我这输出是不是肯定在这个负循环呢外边啊，哎，你说在这儿我需要输出一个来什么呢？cancel.log一个，哎，但是我们说了如果什么呢？如果是质数则什么呢？则打印我们这个I的值吧，当然问题来了，在这儿我知道这个I是质数吗？

不知道吧，哎，不知道，所以干嘛呢？我们需要创建一个变量来保存这个结果吧，哎，保存这个结果，那我们说了之前我们是不是创建了一个布尔值啊，这也一样，我们在这儿来干嘛呢？来创建一个这个布尔值用来什么呢？用来保存结果，我们说什么呢？默认I是质数，直接Y一个flag flag等于什么呢？等于处在这我是默认这个I是质数，哎，所以在这我们说了，如果是质数打应该的值，那有什么呢？If什么呀，Flag，哎，也就是说如果哎是质数，我是不是就输出Y呀，但是还这问题我这么写没有意义，为什么呀，因为flag的值我是不是一直一直是出啊，那我们说了什么时候把它变成for。

是不是当I不是质数的时候，把它变成负呀？什么时候I不是质数，是不是当进入这个判断的时候，I就不是质数了？哎，所以注意，当如果进入判断，则证明I不是质数干嘛呢？修改我们这个flag值为false啊，为false，直接来一个flag等于false是不是就OK了呀？实际上你会发现这一堆代码就是把我们上周代码干嘛了。我是不是又写了一遍呀，哎，又写一遍，这样执行完了一圈以后，我们这个二一到100之间所有的质数干嘛了，就都获取到了啊，就都获取到了，我们来看效果，我这一保存走，你直接看啊，什么二三五七十一十三十七十九，二三二九三十一是不是都有了呀，这个东西咱们应该上学的时候是还还背过呢吧，还背过呢啊我们这个质数表啊，质数表好，那这一块是我们说的这个求的这个质数，那这个题呢，实际上跟我们上周那是一模一样的，就是唯一不同的是什么呀，是在我们外边又多套了一个什么呀，哎，外层的一个负循环啊，多套了一个外层负循环，也就是说我们上次那个数是让用户输的，而这回这个数干嘛呀，我们自己去取出来啊，自己去获取到的，好这个质数练习呢，我们就不多说了，跟上周那是一样的，那上周你要没做明白，这回呢，你再去给他好好做做啊，好好去体会一下这个题啊，好好体会下这个题，好，那这块呢我们先体一下。