JavaScript实现打印星型金字塔功能实例分析

本文实例讲述了JavaScript实现打印星型金字塔功能。分享给大家供大家参考，具体如下：

让你用其它语言写也是完全一样的道理，

这道题估计大家在学习C语言的时候就见过……

也就是打印以下的鬼东西：

当时候看到循环结构的时候觉得很无聊，就相当不屑这题，没有好好仔细想想，

因为要是放在JavaScript完全可以这样写，甚至还不算是JavaScript，仅仅就是一个html：

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
</head>
<body>
＆nbsp;＆nbsp;*
＆nbsp;***
*****
＆nbsp;***
＆nbsp;＆nbsp;*
</body>
</html>

这里之所以不用utf-8编码是因为utf-8对于nbsp的处理与*的字体会导致排版错乱，就是不是用标准的宋体字，从而导致最终的结果无法查看。

反正你出题人出多少行，我都可以复制粘贴上面的内容完全可以实现，但是，今天编程编到一定量，有点大数据概念的时候，又见到这题，仔细思考了一下，要是出题人要求输出二十万行这样中间轴对称的星型金字塔，我TMD就呵呵了。

所以还是要彻底搞明白这个怎么实现，虽然在实际的编程中不会出现这样的编程，但是，据说一些无聊的面试还是会出这题，至少，后来者问你C语言的时候，问你如果输出二十万行这样的中间轴对称的星型金字塔，你还是要会，这题如果第一次做不好做的。

一、基本目标

首先弹出一个输入框，让用户输入一个奇数，毕竟轴对称需要一个奇数，
然后为了程序的健壮性，必须对用户输入的东西进行判断，如果输入的不是奇数，就弹出提示，不再执行后面的程序，怎么JavaScript判断一个奇数，我已经在《JavaScript对数字的判断与处理》说过，这里不再进行赘述。

考虑到浏览器的负载，这里，用户输入的奇数，我只允许去到189，你调大一点也可以，189由于在我的电脑里面感觉还可以，所以才定这个数的，没有什么特别的意义，乱输入的，不是故意测试的。

输入一个189行，IE已经弹出“中止脚本”的提示了，但不中止也完全没有问题！

运行结果如下：

如果是在写C语言程序或者其他程序，这个值绝对可以定大一点！

二、基本思想

这个弄懂就非常好写了。

首先，我们仅仅是要在*的左边输出空格，右边就没有必要输出空格了，输完*就直接换行

分两部分，一部分是上半部分i<=n/2的时候，另一部分是下半部分i>n/2的时候，

之所以要这样分是因为这两部分输出的*号与输出的空格数是不同的。

之后就是初中都会的找规律问题了，反正我就找到了如上的规律，编程运行时没有问题，其它数学帝找到更牛B的表达式，小弟甘拜下风。

三、制作过程

代码非常简单，就是条件结构与循环结构的表达，上面的思想弄懂了，不用说了。

这里可能会有人觉得奇怪，为何我要先n++然后n%2!=0再来判断，也就是判断n+1是偶数来判断n是否奇数，

这里主要是为了迎合下面的for循环结构……

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
</head>
<body>
</body>
</html>
<script>
var i,j,k,n;
n=window.prompt("请输入要输出的行数n，为了形成轴对称，所以你输出的必须是奇数！");
if(isNaN(n)||!n)
  alert("你输入的不是数！");
else{
  n++;
  if(n%2!=0)
    alert("你输入的不是奇数！");
  else if(n>190){
    alert("不要这么大嘛！臣妾做不到啊！");
  }
  else{
    for(i=1;i<n;i++){
      if(i<=n/2){
        for(k=n/2-i;k>0;k--)
          document.write("＆nbsp;");
        for(j=0;j<2*i-1;j++)
          document.write("*");
          }
      else{
        for(k=i-n/2;k>0;k--)
          document.write("＆nbsp;");
        for(j=0;j<2*(n-i)-1;j++)
          document.write("*");
        }
      document.write("<br>");
    }
  }
}
</script>

说多了也是泪，自己体会……

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

赞 (0)

相关推荐

  • js 实现打印网页中定义的部分内容的代码

    1.在页面的代码头部处加入 JavaScript: 复制代码 代码如下: <script language=javascript> function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexO

  • jsvascript图像处理—(计算机视觉应用)图像金字塔

    jsvascript图像处理—(计算机视觉应用)图像金字塔

    前言 上一篇文章,我们讲解了边缘梯度计算函数,这篇文章我们来了解图像金字塔. 图像金字塔? 图像金字塔被广泛用于计算机视觉应用中. 图像金字塔是一个图像集合,集合中所有的图像都源于同一个原始图像,而且是通过对原始图像连续降采样获得的. 常见的图像金字塔有下面两种: •高斯金字塔(Gaussian pyramid): 用来向下采样 •拉普拉斯金字塔(Laplacian pyramid): 用来从金字塔低层图像重建上层未采样图像 高斯金字塔 类似金字塔一样,高斯金字塔从底层原始图逐渐向下采样,越来越

  • js循环输出图片，不足的要补0 原创

    我想把001.gif~285.gif显示在网页上.JS如果实现? HTML 是这样写 <img src=001.gif> <img src=002.gif> ... <img src=010.gif>  <img src=011.gif>  ... <img src=285.gif> 解决方法: var i,istr,ii for(i=1;i"; document.write(imgstr); } function right(main

  • javascript 局部页面打印实现代码

    javascript 局部页面打印实现代码

    ie自带的有Active控件,但火狐不支持.这里使用的是js操作dom方法对窗体指定标记内文字进行打印,所以使用时需要定义相关的标签及其样式(文字大小.字体之类). 复制代码 代码如下: <script type="text/javascript"> ///*********************** ///打印指定区域页面 ///说明:obj–通过getElementById或其它方式获取标签标识,打印此obj内的文字 ///日期:2009-8-7 function s

  • js fromCharCode输出26个字母的代码

    var a="";for(var i=65;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • javascript 打印内容方法小结

    一般打印就用window.print();就OK了 但是一般都是选择性打印所以会调用方法: 复制代码 代码如下: function preview() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

  • javascript实现输出指定行数正方形图案的方法

    javascript实现输出指定行数正方形图案的方法

    本文实例讲述了javascript实现输出指定行数正方形图案的方法.分享给大家供大家参考.具体如下: javascript实现输出指定行数的正方形图案:点击生成图案,会有2个提示框,1,输入图案的组成字符,只能是1个字符哦2,输入正方形行数,路过大于10,会设置为10行数 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd

  • javascript打印输出json实例

    复制代码 代码如下: <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><

  • jsp/javascript打印九九乘法表代码

    jsp表达式方式: 复制代码 代码如下: <center> <table border="1"> <% for (int i = 1; i <= 9; i++) { %> <tr> <% for (int j = 1; j <= 9; j++) { %> <td> <% if (j <= i) { %> <%=i%>*<%=i%>=<%=i * j%>

  • JavaScript实现打印星型金字塔功能实例分析

    JavaScript实现打印星型金字塔功能实例分析

    本文实例讲述了JavaScript实现打印星型金字塔功能.分享给大家供大家参考,具体如下: 让你用其它语言写也是完全一样的道理, 这道题估计大家在学习C语言的时候就见过-- 也就是打印以下的鬼东西: 当时候看到循环结构的时候觉得很无聊,就相当不屑这题,没有好好仔细想想, 因为要是放在JavaScript完全可以这样写,甚至还不算是JavaScript,仅仅就是一个html: <html> <head> <meta http-equiv="content-type&q

  • JavaScript实现简单的图片切换功能(实例代码)

    代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片切换</title> <style> *{ margin: 0; padding: 0; } .box{ width: 200px; height: 300px; margin: 50px auto; padding: 20p

  • javascript基于定时器实现进度条功能实例

    javascript基于定时器实现进度条功能实例

    本文实例讲述了javascript基于定时器实现进度条功能.分享给大家供大家参考,具体如下: Javascript 中的定时器 window度一线下面的方法 window.setInterval() 启动定时器 1.setInterval(function(函数),time(每隔多少时间执行一次函数,单位是毫秒)) 会重复执行某项操作 2.setTimeout 运用在延迟一段时间,再进行某项操作 setTimeout(function,time) ,setTimeout 不会重复! 停止定时器

  • JS长整型精度问题实例分析

    本文实例分析了一个JS长整型精度问题.分享给大家供大家参考.具体分析如下: 问题描述: 后台有一个脚本功能,可编写脚本动态调用Java代码 复制代码 代码如下: importClass(com.ztgame.center.controller.api,P360ApiController);  var roleId = 10214734953631045;  p360ApiController.notice(roleId, 4); 脚本执行成功,但运行结果与设定不一样,此人没有收到邮件 查看日志 

  • js多个物体运动功能实例分析

    js多个物体运动功能实例分析

    本文实例分析了js实现的多个物体运动功能.分享给大家供大家参考,具体如下: 与单个的区别:得知道哪个在动,所以运动函数需要两个参数,出了目标iTarget之外,还要obj.另外需要多个计数器,否则当一个还没运动完就移入另一个物体会发生卡壳 window.onload=function(){ var aDiv=document.getElementsByTagName("div"); var timer=null; var i; for(i=0;i<aDiv.length;i++)

  • javascript性能优化之DOM交互操作实例分析

    本文实例讲述了javascript性能优化之DOM交互操作技巧.分享给大家供大家参考,具体如下: 在javascript各个方面,DOM毫无疑问是最慢的一部分.DOM操作与交互要耗费大量时间,因为它们往往需要重新渲染整个页面或者某一部分.理解如何优化与DOM的交互可以极大提高脚本完成的速度. 1.最小化DOM更新 看下面例子: var list = document.getElementById("ul"); for (var i=0; i < 10; i++){ var ite

  • JavaScript调用浏览器打印功能实例分析

    本文实例讲述了JavaScript调用浏览器打印功能的方法.分享给大家供大家参考.具体如下: 1. 通用型,支持IE,Firefox,Chrome... 复制代码 代码如下: window.print(); 2. 只支持IE打印: <script> var print=function(){ /** * WebBrowser.ExecWB(1,1) 打开 * Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 * Web.ExecWB(4,1) 保存网页 * Web.Ex

  • javascript设计模式 – 迭代器模式原理与用法实例分析

    本文实例讲述了javascript设计模式 – 迭代器模式原理与用法.分享给大家供大家参考,具体如下: 介绍:迭代器模式是一种使用频率非常高的设计模式,通过引入迭代器,可以将数据的遍历功能从聚合对象中分离出来.迭代器模式用于顺序访问集合对象的元素,不需要知道集合对象的底层表示. 定义:提供一种方法来访问聚合对象,而不用暴露这个对象的内部表示,其别名为游标(Cursor).迭代器模式是一种对象行为型模式. 场景:我们做一个百家姓的迭代器 示例: function NameRepository(){

  • 正则表达式验证IPV4地址功能实例分析

    本文实例讲述了正则表达式验证IPV4地址功能.分享给大家供大家参考,具体如下: IPV4地址由4个组数字组成,每组数字之间以.分隔,每组数字的取值范围是0-255. IPV4必须满足以下四条规则: 1.任何一个1位或2位数字,即0-99: 2.任何一个以1开头的3位数字,即100-199: 3.任何一个以2开头.第2位数字是0-4之间的3位数字,即200-249: 4.任何一个以25开头,第3位数字在0-5之间的3位数字,即250-255. 这样把规则全部罗列出来之后,构造一个正则表达式的思路就

  • js上传图片及预览功能实例分析

    本文实例讲述了js上传图片及预览功能.分享给大家供大家参考.具体分析如下: 参考了网上一些人代码写了一个上传图片及时预览的功能 <img id="imgTag" style="height: 100px;" alt="" /> <input type="file" /> function DisplayImage(fileTag,imgTagId){ var allowExtention=".

随机推荐