js空心图形快速画法

/*空心直角三角形*/
    for (var i = 0; i < 10; i++) {
        (i == 0 || i == 9) ? document.write(Array(i + 2).join("*&nbsp;") + "<br>") : document.write("*" + Array(i + 1).join("&nbsp;&nbsp;&nbsp;") + "*<br>");
    }
    /*空心菱形*/
    var arr = [];
    for (var p = 0; p < 6; p++) {
        (p == 0) ? arr.push(Array(6).join("&nbsp;&nbsp;&nbsp;") + "*<br>") : arr.push(Array(6 - p).join("&nbsp;&nbsp;&nbsp;") + "*" + Array(p * 2 + 1).join("&nbsp;&nbsp;&nbsp;") + "*<br>");
    }
    (document.write(arr.join("")), arr.pop(), document.write(arr.reverse().join("")));

 效果：