JavaScript實現(xiàn)打印星型金字塔功能實例分析

更新時間：2017年09月27日 11:16:41 作者：yongh701

這篇文章主要介紹了JavaScript實現(xiàn)打印星型金字塔功能,結(jié)合具體實例形式分析了javascript針對輸出任意給定行數(shù)星型金字塔圖形的原理與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了JavaScript實現(xiàn)打印星型金字塔功能。分享給大家供大家參考，具體如下：

讓你用其它語言寫也是完全一樣的道理，

這道題估計大家在學(xué)習(xí)C語言的時候就見過……

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

當時候看到循環(huán)結(jié)構(gòu)的時候覺得很無聊，就相當不屑這題，沒有好好仔細想想，

因為要是放在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的處理與*的字體會導(dǎo)致排版錯亂，就是不是用標準的宋體字，從而導(dǎo)致最終的結(jié)果無法查看。

反正你出題人出多少行，我都可以復(fù)制粘貼上面的內(nèi)容完全可以實現(xiàn)，但是，今天編程編到一定量，有點大數(shù)據(jù)概念的時候，又見到這題，仔細思考了一下，要是出題人要求輸出二十萬行這樣中間軸對稱的星型金字塔，我TMD就呵呵了。

所以還是要徹底搞明白這個怎么實現(xiàn)，雖然在實際的編程中不會出現(xiàn)這樣的編程，但是，據(jù)說一些無聊的面試還是會出這題，至少，后來者問你C語言的時候，問你如果輸出二十萬行這樣的中間軸對稱的星型金字塔，你還是要會，這題如果第一次做不好做的。

一、基本目標

首先彈出一個輸入框，讓用戶輸入一個奇數(shù)，畢竟軸對稱需要一個奇數(shù)，
然后為了程序的健壯性，必須對用戶輸入的東西進行判斷，如果輸入的不是奇數(shù)，就彈出提示，不再執(zhí)行后面的程序，怎么JavaScript判斷一個奇數(shù)，我已經(jīng)在《JavaScript對數(shù)字的判斷與處理》說過，這里不再進行贅述。

考慮到瀏覽器的負載，這里，用戶輸入的奇數(shù)，我只允許去到189，你調(diào)大一點也可以，189由于在我的電腦里面感覺還可以，所以才定這個數(shù)的，沒有什么特別的意義，亂輸入的，不是故意測試的。

輸入一個189行，IE已經(jīng)彈出“中止腳本”的提示了，但不中止也完全沒有問題！

運行結(jié)果如下：

如果是在寫C語言程序或者其他程序，這個值絕對可以定大一點！

二、基本思想

這個弄懂就非常好寫了。

首先，我們僅僅是要在*的左邊輸出空格，右邊就沒有必要輸出空格了，輸完*就直接換行

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

之所以要這樣分是因為這兩部分輸出的*號與輸出的空格數(shù)是不同的。

之后就是初中都會的找規(guī)律問題了，反正我就找到了如上的規(guī)律，編程運行時沒有問題，其它數(shù)學(xué)帝找到更牛B的表達式，小弟甘拜下風。

三、制作過程

代碼非常簡單，就是條件結(jié)構(gòu)與循環(huán)結(jié)構(gòu)的表達，上面的思想弄懂了，不用說了。

這里可能會有人覺得奇怪，為何我要先n++然后n%2!=0再來判斷，也就是判斷n+1是偶數(shù)來判斷n是否奇數(shù)，

這里主要是為了迎合下面的for循環(huán)結(jié)構(gòu)……

<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("請輸入要輸出的行數(shù)n，為了形成軸對稱，所以你輸出的必須是奇數(shù)！");
if(isNaN(n)||!n)
  alert("你輸入的不是數(shù)！");
else{
  n++;
  if(n%2!=0)
    alert("你輸入的不是奇數(shù)！");
  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>

說多了也是淚，自己體會……

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章: