首页 / JAVASCRIPT / JavaScript打印星型金字塔功能

JavaScript打印星型金字塔功能

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript打印星型金字塔功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3158字，纯文字阅读大概需要5分钟。

内容图文

本文主要介绍JavaScript实现打印星型金字塔功能,结合具体实例形式分析了javascript针对输出任意给定行数星型金字塔图形的原理与相关实现技巧,需要的朋友可以参考下，希望能帮助到大家。

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

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

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

JavaScript打印星型金字塔功能 - 文章图片

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

因为要是放在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由于在我的电脑里面感觉还可以，所以才定这个数的，没有什么特别的意义，乱输入的，不是故意测试的。

JavaScript打印星型金字塔功能 - 文章图片

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

运行结果如下：

JavaScript打印星型金字塔功能 - 文章图片

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

二、基本思想

这个弄懂就非常好写了。

JavaScript打印星型金字塔功能 - 文章图片

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

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

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

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

三、制作过程

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

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

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

输出的行数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打印星型金字塔功能所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/295430.html

来源：【匿名】

【上一篇】JavaScriptfind方法不支持IE如何解决【下一篇】javascript 怎么调用php方法

更多 ►

【JavaScript打印星型金字塔功能】教程文章相关的互联网学习教程文章

打印CSDN博客内容JS【代码】

https://blog.csdn.net/jdy_lyy/article/details/102923471使用如下代码，先进入到打印界面(function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove(); $(".nav_top_2011, #header, #navigator").remove(); $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove(); $("aside").remove(); $(".csdn-side-toolb...

js打印功能【代码】

doPrint:function(){var headhtml = "<html><head><title></title></head><body>";var foothtml = "</body>";// 获取div中的html内容// var newhtml = document.all.item(printpage).innerHTML;// 获取div中的html内容，jquery写法如下var newhtml = $("#printdeliveryView").html();// 获取原来的窗口界面body的html内容，并保存起来var oldhtml = document.body.innerHTML;// 给窗口界面重新赋值，赋自己拼接起来的html内容docum...

用JS的for循环打印九九乘法表【代码】

需要使用两个for循环嵌套，代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>九九乘法表</title></head><body><script>for (var i =1 ; i <=9; i++) {for(var j=1; j<=i; j++){document.write(i+‘x‘+j+‘=‘+i*j+‘,‘);}document.write(‘<br/>‘);}</script></body></html> 原文：http://www.cnblogs.com/zhangyin6985/p/5445836.html

使用javascript实现监控视频播放并打印日志_javascript技巧【图】

最近在做一个项目，要求监控视频的播放事件并能够打印LOG日志，经过一番思索，使用javascript实现了此功能，代码如下： HTML:代码如下:Multi SourceJS:代码如下:window.addEventListener("load",getVideoEvent); function getVideoEvent(){ var videoes=document.getElementsByTagName("video"); for (var i = 0; i showEventLog("video"+(i+1),videoes[i]); } } function showEventLog(videoNum,Media){ eventTester = function(...

Node.js利用debug模块打印出调试日志的方法

前言大家都知道在node程序开发中时，经常需要打印调试日志。用的比较多的是debug模块，比如express框架中就用到了。下文简单举几个例子进行说明。文中相关代码示例，可在这里找到。备注：node在0.11.3版本也加入了util.debuglog()用于打印调试日志，使用方法跟debug模块大同小异。基础例子首先，安装debug模块。 npm install debug使用很简单，运行node程序时，加上DEBUG=app环境变量即可。 /*** debug基础例子*/ var debug = r...

使用javascript实现监控视频播放并打印日志

最近在做一个项目，要求监控视频的播放事件并能够打印LOG日志，经过一番思索，使用javascript实现了此功能，代码如下： HTML:代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Multi Source</title> </head> <body> <video src="http://www.w3school.com.cn/i/movie.mp4" controls autoplay></video> <video src="http://www.w3school.com.cn/i/movie.mp4" c...

javascript – 在Chrome JS调试器中,如何打印对象的所有属性？【代码】

我在Chrome中打开了Javascript调试器(Ctrl Shift L)并开始使用它在我的代码中设置断点. 与Firebug相比,这是一个非常不同的界面(它是所有命令行驱动的)所以我想知道如何做一个简单的事情,比如打印一个对象的所有属性. 如果我有这样的对象：var opts = {prop1: "<some><string/></some>",prop2: 2,prop3: [1,2,3] }我可以设置一个断点并检查对象,但我似乎只得到一个属性,我不确定会出现哪个属性：$print opts #<an Object>试图获得所...

利用JavaScript的循环语句再页面中打印图形【代码】

利用JavaScript的循环语句再页面中打印图形前面两篇博客我们讲解怎么使用for循环进行数学的简单计算，这篇博客主要是利用js的循环语句在网页中打印出各种图形。 1.利用js的循环语句打印矩形// 利用循环语句在网页中打印十行十列的矩形for (var j = 0; j < 10; j++) {// 一行打印10个 @for (var i = 0; i < 10; i++) {document.write("@");}document.write("<br/>");}// 利用while循环打印矩形var x=0;while(x<10){var y=0;while(y...

javascript – 为什么Chrome和FireFox控制台打印未定义？【代码】

拿这个简单的Test对象并将其粘贴到控制台中,你会看到它显示为undefined.该对象正在工作,因为它也打印123,但未定义的是什么. 测试：var Test = new (function(){return {get testing(){return "123";}} });console.log(Test.testing);控制台输出：123 undefined解决方法:这是console.log的返回值. 尝试console.log(1);这使1 undefined但是,如果你输入的话Test.testing只给出了"123"

javascript-在d3.js中的x轴上以不同格式打印日期【代码】

我正在使用D3.js构建此折线图及其工作正常.但我无法以缩写形式在X轴上打印月份(jan,feb ….) 这是我解析日期的方式.var parseDate = d3.time.format("%m-%Y").parse;x轴代码var xAxis = d3.svg.axis().scale(x).orient("bottom");以及打印和附加svg.append("g").attr("class", "x axis").attr("transform", "translate(0," + height + ")").call(xAxis);帮助我.解决方法:只需在内部使用d3.time.format的tickFormatvar xAxis = d3.s...

Javascript：在编写for循环时,为什么要打印最后一个索引号？【代码】

在js解释器中编写一个简单的for循环时,我会自动获取索引号的最后一个值(在本例中为i).js> for (var i=0; i<100; ++i) { numbers[i]=i+1; } 100 js> i 100有人可以解释为什么翻译工作那样吗？我没有明确要求它打印i的值. 很抱歉这些含糊不清的人,但我真的不知道如何描述正在发生的事情.解决方法:javascript中的所有语句都有一个值,包括在循环结构中执行的块.执行循环块后,将返回最终值(如果不执行任何操作,则返回未定义的值).隐含地...

用while循环计算打印2到100的偶数和的几种方法

用while循环计算打印2到100的偶数和（三种方法） 1. 循环—while 语法：while（条件）{//循环体-循环操作//更新循环条件++/--； }2.continue 作用：终止本次循环的执行，继续下一次的循环<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" style="text/css" href=""> <style> </style> </head> <body> <script> 计算打印2——100的偶数和 // ...

javascript-通过js用websocket连接打印机进行打印问题

通过js 用websocket 连接打印机进行打印，已知打印机的端口是默认开的，通过PHP代码 $s = fsockopen("192.168.1.122", 8081,$errno, $errstr, 30);fwrite($s,"abcjiuejseeeeeeeee2222222222ss"); 这样打印是可以的，但通过JS的websocket连接就只打印头信息，是什么情况？ js 代码是： ws = new WebSocket("ws://192.168.1.122:8081/"); console.log(ws); ws.onopen = function (e) {console.log(e);console.log("连接成功");ws.se...

javascript-求助，我这句AJAX写的可对？为何在控制器上收不到打印信息？【图】

如图，我可以打印出wid的，若不Post提交的话现在，问题就是，我在点击confirm弹出的框子后，点击是后，没法子打印出post提交过来的值了，我是照着教程写的，就很不明白这句if(isdel){$.post(delnew, {wid : wid}, 写的可对？尤其是$.post，是不是意思就是向delnew这个控制器发送请求的意思，所以特来求助。我那delnew方法，是和当前页面在一个控制器的，都是NEWS控制器。按照ゞbonnieゝ老兄所言，我改动了下，发现依然报错，...

javascript-一个数每隔一秒执行加1并打印出来，一直加到50停止，用js如何实现？

如题，用到闭包，和setTimeout函数怎么解决？也欢迎php的实现回复内容：如题，用到闭包，和setTimeout函数怎么解决？也欢迎php的实现var count = (function() {var timer;var i = 0;function change(tar) {i++;console.log(i);if (i === tar) {clearTimeout(timer);return false;}timer = setTimeout(function() {change(tar)}, 1000)}return change; })()count(50)(function(){var i=0;var end=setInterval(function(){if(i>=50){...

首页 / JAVASCRIPT / JavaScript打印星型金字塔功能

JavaScript打印星型金字塔功能

内容导读

内容图文

内容总结

内容备注

内容手机端

【JavaScript打印星型金字塔功能】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

功能 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程