JS–利用数组写九九乘法表

WEB前端 waitig 877℃ 百度已收录 0评论

主要利用的是JS的多维数组作为九九乘法表,有一点数组对象基础的同学应该可以轻松看懂

(function(){
    var a=new Array(9);//创建一个长度为9的数组
    var body=document.getElementsByTagName("body")[0];
    for(var row=0;row<a.length;row++){    //以a的长度作为遍历条件,row将作为表的每行
        a[row]=new Array(row+1);        //每次遍历创建一个在a数组中索引为row,长度为row+1的数组

        for(var col=0;col<a[row].length;col++){ //col将作为表的每列
            a[row][col]=new Array(col+1); //根据a[row]的长度每次遍历在其下面创建一个长度为col+1的二维数组
            var el=document.createElement("span");  //每次遍历创建一个span元素
            el.innerText=(row+1)*(col+1)+" ";       //计算row+1与col+1相乘并向span填充计算结果
            body.appendChild(el);                   //将span加入到body中
        }
        var br=document.createElement("br");
        body.appendChild(br);          //在每行循环最后往body加入一个br换行
    }
})();

运行结果:
这里写图片描述

这里我只是将结果呈现出来,如果想要呈现XX*XX=XX的效果,只需要将

el.innerText=(row+1)*(col+1)+" ";  
改为
el.innerText=(row+1)+"*"+(col+1)+"="+(row+1)*(col+1)+" "; 
即可

这里我利用二维数组的最大好处是灵活,如果想画一个十乘十的表,只需要将9改成10

var a=new Array(10);

运行结果:
这里写图片描述


本文由【waitig】发表在等英博客
本文固定链接:JS–利用数组写九九乘法表
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)