实现效果:杨辉三角

即:

 提示用户输入要实现的杨辉三角行数:

请输入杨辉三角的行数:
8 代码实现后的效果如下:
1
1.1
1.2.1
1.3.3.1
1.4.6.4.1
1.5.10.10.5.1
1.6.15.20.15.6.1
1.7.21.35.35.21.7.1

  

  在这里我将用到js中数组的知识来完成,我将用二维数组来储存这个序列,其中外层数组储存所有的值,里层数组将储存每一行的值。

  我的思路是:

    1.获取用户输入要的行数。

    2.创建二维数组并进行计算,优先计算出所需要的数值,并按行储存,输出之后效果如下:

      1
1 1
1 2 1
1 3 3 1
1 4 6 4 1

    3.对以上的数据,按照杨辉三角的要求进行调整格式,即在每行数字的前面增加相应的空格。

     

方法中的难点如下: 

  1.创建数组

  众所周知,js中创建的数组为一维数组,但是我要用二维数组才能完成,那么就要用到js中的构造函数创建数组的方法创建一个伪二维数组,代码如下:

    let arr = [];   //创建一维数组(用作外层,储存所有数据)
for(let i=0;i<lineCount;i++){ //lineCount 为变量,用于存储用户输入的行数
arr[i]=new Array(i+1); //对每行创建一个长度为i+1的数组,用于存储每行的数据
}

  以上代码中,二维数组长度给了i+1,实际上对应了杨辉三角的行数和当前行的数字数量相同的特征,给了长度,方便后面直接对其赋值。若不给长度,后面就要用push的方法增加,但是我不建议这样做,如果用push增加数据进去,会造成增加的数据不便于后期计算(亲测试验过的,感兴趣的小伙伴也可以自己实践体会下)。

  2.按照规律进行计算,杨辉三角的规律为:除了每行的第一个数和最后一个数为1外,中间的数为上一行的对应的两个数相加的和。

for (let i = 0; i < lineCount; i++) {
// 计算每个值装进数组中
for (let j = 0; j <= i; j++) {
if (j == 0 || j == i) { //每行第1个和最后1个值为1
arr[i][j] = 1;
} else {
arr[i][j] = arr[i - 1][j - 1] + arr[i - 1][j]; //计算和值,本行的值是上1行对应列的数与其前一个数相加的结果
}
}
}

  3.添加空格。每行的空格数为 lineCount- i - 1个,并输出

for (let i = 0; i < lineCount; i++) {
// 添加空格
nbsp = '';
for (let j = 0; j < lineCount - i - 1; j++) {
nbsp += ' ';
}
console.log(nbsp+arr[i])
}

完整的代码如下:

let readline = require('readline-sync');
console.log('请输入杨辉三角的行数:');
let line = ~~readline.question('');
// 1.先将杨辉三角做成如下形式
// 1
// 1 1
// 1 2 1
// 1 3 3 1
// 1 4 6 4 1
// 2.添加空格
// arr存储所有的数据
let arr = [],nbsp = '';
// 创建二维数组,每行作为1个数组保存
for (let i = 0; i < line; i++) {
arr[i] = new Array(i + 1);
}
for (let i = 0; i < line; i++) {
// 计算每个值装进数组中
for (let j = 0; j <= i; j++) {
if (j == 0 || j == i) {
arr[i][j] = 1;
} else {
arr[i][j] = arr[i - 1][j - 1] + arr[i - 1][j];
}
}
}
for (let i = 0; i < line; i++) {
// 添加空格
nbsp = '';
for (let j = 0; j < line - i - 1; j++) {
nbsp += ' ';
}
console.log(nbsp+arr[i])
}

  

实际上这样实现还存在一个问题,当要输出的行过多的情况下,就会出现三角形逐渐偏斜的情况如下,影响美观。我暂未想到办法解决,若有兴趣的小伙伴想到办法可以留言探讨。

请输入杨辉三角的行数:
15 1
1.1
1.2.1
1.3.3.1
1.4.6.4.1
1.5.10.10.5.1
1.6.15.20.15.6.1
1.7.21.35.35.21.7.1
1.8.28.56.70.56.28.8.1
1.9.36.84.126.126.84.36.9.1
1.10.45.120.210.252.210.120.45.10.1
1.11.55.165.330.462.462.330.165.55.11.1
1.12.66.220.495.792.924.792.495.220.66.12.1
1.13.78.286.715.1287.1716.1716.1287.715.286.78.13.1
1.14.91.364.1001.2002.3003.3432.3003.2002.1001.364.91.14.1

  

js中实现杨辉三角的更多相关文章

  1. JS JavaScript实现杨辉三角

    1       1 1      1 2 1    1 3 3 1   1 4 6 4 1 1 5 10 10 5 1 ........ 观察这样的一组数,找出规律,用控制台输出这样规律的数 规律:这 ...

  2. 以杨辉三角为例,从内存角度简单分析C语言中的动态二维数组

    学C语言,一定绕不过指针这一大难关,而指针最让人头疼的就是各种指向关系,一阶的指针还比较容易掌握,但一旦阶数一高,就很容易理不清楚其中的指向关系,现在我将通过杨辉三角为例,我会用四种方法从内存的角度简 ...

  3. js实现杨辉三角

    杨辉三角是计算二项式乘方展开式的系数时必不可少的工具.是由数字排列而成的三角形数表. 资料:杨辉三角第n行的第1个数为1,第二个数为1×(n-1),第三个数为1×(n-1)×(n-2)/2,第四个数为 ...

  4. [py]函数中yield多次返回,延迟计算特性-杨辉三角

    搞清什么是杨辉三角 每行是一个数组, 第一行: [1] 第二行: [1, 1] 第三行: [1, 2, 2, 1] ... 画的好看点就是,不过没啥卵用 1 / \ 1 1 / \ / \ 1 2 1 ...

  5. C语言用一维数组打印杨辉三角(原:无意中想到)

    本贴地址 ] = { }; a[] = , a[] = ; int i, j,m; ; i <= ; i++) //2-11 输出10行 { ; j > ; j--) //关键在这句,倒着 ...

  6. JS:递归基础及范例——斐波那契数列 、 杨辉三角

    定义:程序调用自身的编程技巧称为递归.一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程序就 ...

  7. 杨辉三角 js 练习

    //打印杨辉三角a[[],[],[]] function fn(n){ //i=0 1 2 3.. var a = new Array(n); //行 1 2 3 4.. 创建二维数组. for(va ...

  8. [LeetCode] Pascal's Triangle II 杨辉三角之二

    Given an index k, return the kth row of the Pascal's triangle. For example, given k = 3,Return [1,3, ...

  9. [LeetCode] Pascal's Triangle 杨辉三角

    Given numRows, generate the first numRows of Pascal's triangle. For example, given numRows = 5,Retur ...

随机推荐

  1. SpringMVC 控制器写多个方法(非注解方式)

    Controller类有两种方法 1,implements Controller(实现Controller接口) 2,extends MultiActionController(继承 MultiAct ...

  2. for循环,递归,函数封装作业

    /******求100以内,所有的奇数和,求100以内,所有的偶数积*******/ // for循环方法   var sum=0; var sum1=1; for(var i=1;i<=100 ...

  3. ELK系列(1) - Elasticsearch + Logstash + Kibana + Log4j2快速入门与搭建用例

    前言 最近公司分了个ELK相关的任务给我,在一边学习一边工作之余,总结下这些天来的学习历程和踩坑记录. 首先介绍下使用ELK的项目背景:在项目的数据库里有个表用来存储消息队列的消费日志,这些日志用于开 ...

  4. javascript中的style只能取到在HTML中定义的css属性

    如果在css中定义的 li{ width:100px; left:100px; top:; position:absolute; font-style:normal; } 这样执行: oli[0].s ...

  5. dp优化1——sgq(单调队列)

    该文是对dp的提高(并非是dp入门,dp入门者请先参考其他文章) 有时候dp的复杂度也有点大...会被卡. 这几次blog大多数会讲dp优化. 回归noip2017PJT4.(题目可以自己去百度).就 ...

  6. 【考试记录】Educational Codeforces Round 59 (Rated for Div. 2)

    本来准备划水,结果被垃圾题艹翻了…… T2题意: 定义一个数$x$的数字根$S(x)$为:将其各位数字相加得到一个新数,再将新数的数字和相加直到得到一个个位数,就是该数的数字根. 例如:$S(38)= ...

  7. document.getElementById(...) is null

    <html> <head> <script type="text/javascript"> document.getElementById('b ...

  8. 浅析libuv源码-node事件轮询解析(3)

    好像博客有观众,那每一篇都画个图吧! 本节简图如下. 上一篇其实啥也没讲,不过node本身就是这么复杂,走流程就要走全套.就像曾经看webpack源码,读了300行代码最后就为了取package.js ...

  9. C#基础文件file的各种套路

    File的各种套路 //创建一个文件 //File.Create(@"C:\Users\SpringRain\Desktop\new.txt"); //Console.WriteL ...

  10. String、String Buffer、String Builder

    对于String.String Buffer.String Builder:我一直都只知道String是字符串常量,后两者是字符串变量: String和String Buffer是线程安全的,Stri ...