javascript 打印图形练习_根据给定数组打印星星

最新推荐文章于 2024-03-15 18:36:54 发布

登上极峰之巅

最新推荐文章于 2024-03-15 18:36:54 发布

阅读量1.3k

点赞数

分类专栏： javascript 文章标签：开发语言 javascript 前端

本文链接：https://blog.csdn.net/weixin_44158324/article/details/123924682

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

javascript 打印图形练习_根据给定数组打印星星

<script type="text/javascript">
    //需求：给定如下数组，打印出给定图形，javascript实现
    //  1  5  2  3  6  8  9
    //                    *
    //                 *  *
    //                 *  *
    //              *  *  *
    //     *        *  *  *
    //     *        *  *  *
    //     *     *  *  *  *
    //     *  *  *  *  *  *
    //  *  *  *  *  *  *  *

    document.write("<h1 style='color: blue;'>js打印图形练习_根据给定数组打印星星</h1>");
    var arr = [1,5,2,3,6,8,9];
    var max;
    //获取数组最大值
    function getMax(arr){
        max = arr[0];
        for (var i=0;i<arr.length;i++){
            max = arr[i]>max?arr[i]:max;
        }
        return max;
    }
    max = getMax(arr);

    //打印数组
    for (var i = 0;i < arr.length;i++){
        if (i == 0){
            document.write("<td>&nbsp;&nbsp;<td>" + arr[i] + "<td>&nbsp;&nbsp;<td>");
        }else if (i == arr.length-1){
            document.write(arr[i] + "<td>&nbsp;&nbsp;<td>" + "<br>");
        }else{
            document.write(arr[i] + "<td>&nbsp;&nbsp;<td>");
        }

    }
    //打印星星
    for (var i = max; i>=1; i--){ //外层循环控制行数
        for (var j = 0;j < arr.length; j++){
            if (arr[j] < i){
                document.write("<td>&nbsp;&nbsp;&nbsp;&nbsp;<td>");
            }else {
                document.write("<td>&nbsp;&nbsp;*<td>");
            }
        }
        document.write("<br>");
    }
</script>