欢迎光临

我们一直在努力
当前位置:首页 > 编程技术 >

JS利用循环解决的一些常见问题总结

日期:
后台-插件-广告管理-首页/栏目/内容广告位一(PC)
后台-插件-广告管理-首页/栏目/内容广告位一(手机)
目录
  • 1. 打印0-100中3的倍数
  • 2. 在页面中写入 1000-2000年中的闰年
  • 3. 打印100以内所有偶数的和
  • 4.求出1-1/2+1/3-1/4……1/100的和
  • 5. 打印三角形
    • 5.1 普通三角形
    • 5.2 倒三角
    • 5.3 等腰三角形
  • 6.等腰梯形
    • 7.输出100-200之间所有的质数
      • 9. 有一个棋盘,有64个方格,在第一个方格里面放1粒芝麻重量是0.00001kg,第二个里面放2粒,第三个里面放4,棋盘上放的所有芝麻的重量
        • 10.在页面上完成以一个九九乘法表
          • 11.打印一个3行5列的表格
            • 总结 

              1. 打印0-100中3的倍数

              思路:首先利用for循环打印0到100的数,然后用if条件语句进行筛选,能被3整除的就进行输出

              for(var i=0;i<=100;i++){
                  if(i%3==0&&i!=0){
                      console.log(i);
                  }
              }
              

              2. 在页面中写入 1000-2000年中的闰年

              思路:首先利用for循环打印1000-2000年,然后用判断是否闰年的条件(能被4整除且不能被100整除或者能被400整除)筛选出闰年进行打印

              for(var i=1000;i<=2000;i++){
                  if(i%4==0&&i%100!=0 || i%400==0){
                       console.log(i+'是闰年');
                  }
              }
              

              3. 打印100以内所有偶数的和

              思路:首先利用循环打印出0到100的数,然后利用if条件判断语句打印出2的倍数(0是特殊的偶数),然后再将这些数加起来

              var sum=0
                  for(var i=1;i<=100;i++){
                      if(i%2==0){
                          sum+=i
                     	}
                  }
              console.log(sum);
              

              结果:2550

              4.求出1-1/2+1/3-1/4……1/100的和

              思路:所有分子不变,都是1,当分母为偶数的时候,前面那个数是减这个偶数的

              var sum=0
              for(var i=1;i<=100;i++){
                  if(i%2==0){
                      sum-=1/i
                  }else{
                      sum+=1/i
                  }
              }
              console.log(sum);
              

              结果:0.688172179310195

              5. 打印三角形

              5.1 普通三角形

              for (var i = 1; i <= 9; i++) {
                          for (var j = 1; j <= i; j++) {
                              document.write('☆');
                          }
                          document.write('<br>')
                      }
              

              显示效果:

              5.2 倒三角

               for (var i = 1; i <= 9; i++) {
                          for (var j = 9; j >= i; j--) {
                              document.write('☆');
                          }
                          document.write('<br>')
                      }
              

              显示效果:

              5.3 等腰三角形

              for (var i = 1; i <= 9; i++) {
                  for (var j = 9; j >= i; j--) {
                          document.write('&nbsp');
                     }
                      for (var j = 1; j <= i; j++) {
                          document.write('☆');
                    }
                         document.write('<br>')
                  }
              

              显示效果:

              6.等腰梯形

              通过控制i的初始值实现梯形

               for (var i = 5; i <= 9; i++) {
                          for (var j = 9; j >= i; j--) {
                              document.write('&nbsp');
                          }
                          for (var j = 1; j <= i; j++) {
                              document.writpythone('☆');
                          }
                          document.write('<br>')
                      }
              

              显示效果:

              7.输出100-200之间所有的质数

              思路:首先质数就是只能被1和自己整除的数,我们在进行循环的时候可以将1和自身排除,然后利用双重for循环,外层循环用来遍历100到200的数,然后定义一个flag初始值为true,然后里层循环用来判断是否是质数,不是质数的时候给flag赋值为false,然后在flag为true的时候就是质数,进行输出

              for(var i=100;i<=200;i+python+){
                          var flag=true
                          for(var j=2;j<i;j++){
                              if(i%j==0){
                                  flag=false
                          编程    }
                          }
                          if(flag){
                              document.write(i+'<br>')
                          }
                      }
              [!--empirenews.page--]

              结果:

              8. 求1+2!+3!+…+20!的值

              • 思路:这是求1加2的阶乘加3的阶乘加4的阶乘一直加到20的阶乘,首先我们先定义一个变量sum来进行接收,然后写外层循环用来遍历1到20,
              • 第一次循环
                当i等于1,k等于1,j等于1,k等于k*j等于1,sum等于0加1等于1
              • 第二次循环
                当i等于2,k等于1,j等于1,k等于k*j等于1
                j等于2,k等于k*j等于2,sum等于1加2等于3
              • 第三次循环
                当i等于3,k等于1,j等于1,k等于k*j等于1
                j等于2,k等于k*j等于2
                j等于3,k等于k*j等于6,sum等于1加1+2+6=9
              • 以此类推。。。。
              var sum = 0;
                      for (var i = 1; i <= 20; i++) {
                          var k = 1;
                          for (var j = 1; j <= i; j++) {
                              k *= j;
                          }
                          sum += k;
                      }
                      console.log(sum);
              

              结果:2561327494111820300

              9. 有一个棋盘,有64个方格,在第一个方格里面放1粒芝麻重量是0.00001kg,第二个里面放2粒,第三个里面放4,棋盘上放的所有芝麻的重量

              思路:第一个有1个,第二个有2个,第三个有4个,第四个有8个,以此类推,起那么2个数相乘等于第三个数,分别定义sum和num用来装总数量和第几个,然后利用循环使代码1到64执行

              var sum=0;
                    var num=1;
                    for(var i=1;i<=64;i++){
                        sum+=num;
                        num*=2;
                   }
              console.log(sum*0.00001);
              

              结果:184467440737095.53

              10.在页面上完成以一个九九乘法表

              for (var i = 1; i <= 9; i++) {
                          for (var j = 1; j <= i; j++) {
                              document.write('<span>'+j+'*'+i+'='+i*j+'</span>');
                          }
                          document.write('<br>')
                      }
              

              显示效果:样式是单独写得

              11.打印一个3行5列的表格

              document.write('<table>')
                      for(var i=1;i<=3;i++){
                          document.write('<tr>')
                          for(var j=1;j<=5;j++){
                              document.write('<td></td>')
                          }
                          document.write('</tr>')
                      }
                      document.write('</table>')
              

              显示效果:样式单独加的

              总结 

              到此这篇关于js利用循环解决的一些常见问题的文章就介绍到这了,更多相关JS利用循环解决问题内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

              后台-插件-广告管理-首页/栏目/内容广告位二(PC)
              后台-插件-广告管理-首页/栏目/内容广告位二(手机)
              后台-插件-广告管理-内容广告位三(PC)
              后台-插件-广告管理-内容广告位三(手机)

              相关阅读

              后台-插件-广告管理-内容广告位四(PC)
              后台-插件-广告管理-内容广告位四(手机)

              热门文章

              后台-插件-广告管理-侧边广告位一(PC)
              后台-插件-广告管理-侧边广告位一(手机)
              • HTML 表单组件实例代码

              • HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码,感兴趣的朋友参考下吧 废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE
              • html2canvas 将html代码转为图片的使用方法

              • 转换代码到图片使用 html2canvas,这是一个非常著名的从浏览器网页截图的开源库,使用很方便,功能也很强大。 使用 html2canvas http:// html2canvas 的使用非常简单,简单
              • HTML网页中插入视频的方法小结

              • 现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、
              • HTML实现文本框只读不能修改其中的内容

              • 废话不多说了,直接给大家贴代码了,具体代码如下所示: <!--方法1:>http:// 当鼠标放不上就离开焦点 --> <input type="text" name="input1" value=http://www.cppcns.com/web
              • 移动端专用的meta标签设置大全

              • 前言 之前学习前端中,对meta标签的了解仅仅只是这一句。 <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签。比如我们我们网站,但是自己却很不熟
              后台-插件-广告管理-侧边广告位二(PC)
              后台-插件-广告管理-侧边广告位二(手机)

              最新文章

              • 在Asp.net core项目中使用WebSocket

              • 今天小试了一下在ASP.NET core中使用websocket,这里记录一下: 在 Startup 类的 Configure 方法中添加 WebSocket 中间件。 app.UseWebSockets(); 它也可以传入一些参数 app.Us
              • Vue快速理解事件绑定是什么

              • 目录一、监听事件二、事件修饰符1、stop修饰符阻止事件冒泡2、capture修饰符3、self修饰符4、prevent修饰符5、键盘事件修饰符6、鼠标事件修饰符一、监听事件 监听事件一般
              • C#实现模拟ATM自动取款机功能

              • 目录(1)关于用户帐号的类:Account(2)关于银行数据库的类:BankDatabase(3)关于ATM屏幕显示的类:Screen(4)关于ATM键盘的类:Keypad(5)关于进钞、出钞口的类:DepositSlot(6)关于ATM
              • Java设计模式之抽象工厂模式浅析讲解

              • 1.介绍 当系统准备为用户提供一系列相关对象,又不想让用户代码和这些对象形成耦合时,就可以使用抽象工厂模式。 2.如何实现 1)抽象产品--Car 2)具体产品--BYDCar、TSLCar 3)抽象
              • 如何动态替换Spring容器中的Bean

              • 目录动态替换Spring容器中的Bean原因方案实现Spring中的bean替换问题动态替换Spring容器中的Bean 原因 最近在编写单测时,发现使用 Mock 工具预定义 Service 中方法的行为特
              • C#优雅的实现INotifyPropertyChanged接口

              • INotifyPropertyChanged接口在wpF或WinFrom程序中使用还是经常用到,常用于通知界面属性变更。标准写法如下: class NotifandroidyObject : INotifyPropertyChanged {
              后台-插件-广告管理-侧边广告位三(PC)
              后台-插件-广告管理-侧边广告位三(手机)