其他分享
首页 > 其他分享> > js设计杨辉三角

js设计杨辉三角

作者:互联网

使用递归算法执行效率非常低

 

 

因此,我们可以定义两个数组,数组1为上一行数字列表,数组2为下一行数字列表,为代求数组。

假设上一行数字为[1,1],即第二行数字,那么下一行数组的元素就等于上一行相邻两个数字之和,即为2,然后设置数组两端的值为1,这样就可以求出下一行数组,即第三行数字列表。求第四行数组的的值,可以把已经计算出的第三行数组作为上一行数组,第四行数组则为代求的下一行数组,以此类推。

我们可以使用双层循环嵌套结构,外层循环结构遍历高次方的幂数(行数),内层循环每次方的项数(列数)

核心代码如下:

 var a1= [1,1];
 var a2 = [1,1];
            for(var i=2;i<=n;i++){ //从第三行开始遍历,n为幂数
               a2[0]=1;   //定义下一行数组的第一个元素为1
                for(var j=1;j<i-1;j++){//从第二个数字开始,遍历每一行
                    a2[j] = a1[j-1]+a1[j];
                }
                a2[j]=1;//定义下一行数组的最后一个元素为1
                for(var k=0;k<=j;k++){//把下一行的数组值给上一行数组,从而实现交替循环
                    a1[k] = a2[k];
                }
             }

完成算法设计后,就可以设计输出数表,完整代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div,p{
            text-align: center;
        }
        span{
            display: inline-block;
            padding: 4px 3px;
        }
    </style>
</head>
<body>
    
    <script>
        //输出函数
        //判断是否为数字
        function printYH(v){
            if(typeof v=="number"){
                var w = 40;
                if(n>30){
                    w = (n-30)+40;
                }
                //随着输入数字的增大,适当调整span的宽度
                var s= '<span style="padding:4px 2px;display:inline-bloke;text-align:center;width:'+w+'px">'+v+'</span>';
                 document.write(s);
            }else {
                document.write(v)
            }
        }
        //输入接口
        var n = prompt('请输入幂数:',9);//默认值9
        n=n-0;
        var t1 = new Date();
        var a1= [1,1];
        var a2 = [1,1];
        printYH('<div style="text-align=center;"> ');
            printYH(1);
            printYH("<br>");
            for(var i=2;i<=n;i++){ //从第三行开始
                printYH(1);//每一行第一个数字
                for(var j=1;j<i-1;j++){//从第二个数字开始,遍历每一行
                    a2[j] = a1[j-1]+a1[j];
                    printYH(a2[j]);
                }
                a2[j]=1;//每一行最后一个数字
                for(var k=0;k<=j;k++){//把下一行的数组值给上一行
                    a1[k] = a2[k];
                }
                printYH(1);
                printYH("<br>");
                

            }
            printYH("</div>");
                var t2 = new Date();
                printYH("<p style='text-align=center;'>耗时为(毫秒):"+(t2-t1)+"</p>");

    </script>
</body>
</html>

演示效果:

 

标签:printYH,一行,js,var,第四行,数组,杨辉三角,设计,数字
来源: https://www.cnblogs.com/ysw-blog/p/16121133.html