当前位置: 代码迷 >> 综合 >> 前端学习基础之js-循环打印直角三角形、等腰三角形、菱形
  详细解决方案

前端学习基础之js-循环打印直角三角形、等腰三角形、菱形

热度:94   发布时间:2024-02-05 21:09:13.0
  1. 打印五行五角星
//*****
//*****
//*****
//*****
//*****
for(let i=0;i<5;i++){for(let j=0;j<5;j++){document.write("*");}document.write("<br/>");
}
document.write("&nbsp");
  1. 打印直角三角形
//*
//**
//***
//****
//*****
for(let i=1;i<=5;i++){for(let j=1;j<=i;j++){document.write("*");}document.write("<br/>")
}
  1. 打印直角三角形2
//* 
//***
//*****
//*******
//*********
for(let i=0;i<5;i++){for(let j=0;j<2*i+1;j++){document.writeln("*");}document.writeln("</br>")
}
  1. 打印等腰三角形
// * ---5个空格1个*
// *** ---4个空格3个*
// ***** ---3个空格2n+1个*
// *******
//*********
for(let i=0;i<5;i++){for(let j=5;j>i;j--){document.writeln("&nbsp");}for(let k=0;k<2*i+1;k++){document.writeln("*")}document.writeln("</br>")
}
  1. 打印菱形
// * -----1 
// *** -----2 
// ***** -----3
// ******* ------4
// ********* -----5---一个正三角
// ******* ------从新开始一个倒三角 2
// ***** --------3
// *** --------4
// * -------5
for(let i=0;i<5;i++){for(let j=5;j>i;j--){document.writeln("&nbsp");}for(k=0;k<2*i+1;k++){document.writeln("*");}document.writeln("</br>")
}
for(let i=4;i>0;i--){for(let j=5;j>=i;j--){document.writeln("&nbsp");}for(let k=0;k<2*i-1;k++){document.writeln("*");}document.writeln("</br>")
}
  1. 打印空心菱形
// * 5
// * * 2空1
// * * 2空3
// * * 2空5
// * * 1空1 2空7
// * * 1 空2 2空5
// * * 1空3 2空3
// * * 1空4
// * 1空5
//分成两部分 上部分
for(let i=0;i<5;i++){for(let j=5;j>i;j--){document.writeln("&nbsp");}document.writeln("*");for(let k=0;k<2*i-1;k++){document.writeln("&nbsp");}if(i!==0){document.writeln("*");}document.writeln("</br>")
}
//下部分倒空心三角
for(let i=4;i>0;i--){for(j=5;j>=i;j--){document.writeln("&nbsp");}document.writeln("*");for(let k=0;k<2*(i-1)-1;k++){document.writeln("&nbsp");}if(i!==1){document.writeln("*");}document.writeln("</br>");
}