实现效果:杨辉三角

即:

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

请输入杨辉三角的行数:
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

  

最新文章

  1. 洛谷P3406 海底高铁[差分 贪心]
  2. CentOS 安装
  3. cocos2d-x 坐标系
  4. linux之centos安装xampp
  5. Android 判断是否联网 是否打开上网
  6. IOS中的ViewController 的loadView、viewDidLoad、viewDidUnload
  7. 未找到或无法访问服务器 请验证实例名称是否正确并且SQL Server 已配置为允许远程连接
  8. Unity3D中使用BMFont制作图片字体 (NGUI版)
  9. IOS空数据页面,网络加载失败以及重新登陆View的封装(不需要继承)
  10. Vs2017 xaramin mac build agent部署后记
  11. Arch Linux 硬盘引导-联网安装
  12. 【原创】测试基础之http_load(1)简介、安装、使用
  13. HTML命名规范
  14. Hadoop基础-HDFS的API常见操作
  15. bzoj 3670 动物园 - kmp - 动态规划
  16. P3146 [USACO16OPEN]248 &amp; P3147 [USACO16OPEN]262144
  17. C++ Style Languages: C++, Objective-C, Java, C#
  18. jsonp和ajax的区别
  19. mybatis(一)MyBatis Generator
  20. hibernate缓存机制详解

热门文章

  1. appium自动化测试框架——在python脚本中执行dos命令
  2. 在VMware上克隆Linux虚拟机及其网卡配置方法
  3. argparse 在深度学习中的应用
  4. 服务器安装docker后免除sudo命令
  5. Mysql 的 增删改查
  6. 关于java多线程任务执行时共享资源加锁的方式思考
  7. c# 类名不同,字段相同,如何快速给类赋值
  8. Servlet 示例
  9. 时间日期相关:Date类、DateFormat类、Calendar类
  10. python中__file__