javascript案例27——打印星星、正三角星星、倒三角星星等

一、

案例描述1

打印矩形， 要求每次只能输出一个☆（ 采用for）。
☆☆☆☆☆
☆☆☆☆☆
☆☆☆☆☆
☆☆☆☆☆

案例效果演示1

js代码1

   var str = '';
   // 外层控制行数
   for (var i = 1; i <= 4; i++) {
       // 内层控制每行打印的个数
       for (var j = 0; j < 5; j++) {
           str += '☆';
       }
       str += '\n';
   }
   console.log(str);

二、

案例描述2

☆
☆☆
☆☆☆
☆☆☆☆
☆☆☆☆☆

js代码2

var str = '';
for (var i = 1; i <= 5; i++) {
    for (var j = 0; j < i; j++) {
        str += '☆';
    }
    str += '\n';
}
console.log(str);

三、

案例描述3

☆☆☆☆☆
☆☆☆☆
☆☆☆
☆☆
☆

js代码3

 var str = '';
 for (var i = 5; i >= 1; i--) {
      for (var j = 0; j < i; j++) {
          str += '☆';
      }
      str += '\n';
  }
  console.log(str);

四、

案例描述4

提示用户输入行、列，然后打印对应星星。

js代码4

var row = prompt('请输入您打印几行星星:');
var col = prompt('请输入您打印几列星星:');
 var str = '';
 for (var i = 1; i <= row; i++) {
     for (j = 1; j <= col; j++) {
         str += '☆';
     }
     str += '\n';
 }
 console.log(str);

五、

案例描述5

js代码5

 var col = prompt('请输入您打印几行星星:');
 var str = '';
 for (var i = col; i >= 1; i--) {
     for (j = 0; j < i; j++) {
         str += '☆';
     }
     str += '\n';
 }
 console.log(str);

总结

for双循环：外层控制行数，内层控制列数。