JS에서는 두 가지 수준의 for 루프를 중첩하여 99 구구단을 구현할 수 있습니다. 구문 형식은 "for(var i=1;i
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
Javascript는 99 곱셈표를 구현합니다
먼저 99 곱셈표
를 보면 차트의 패턴을 알 수 있습니다.
총 9개의 행과 9개의 열이 있습니다. , 행 수만큼 행이 있습니다.
i행에는 i*1에서 시작하여 i*i로 끝나는 표현식이 있습니다(루프를 통해 이 효과를 얻을 수 있습니다).
따라서 출력을 제어하려면 이중 루프가 필요합니다. 외부 루프는 행 수 i를 제어하고(i는 최소 1이고 최대는 9입니다), 내부 루프는 j 열을 제어합니다(j는 최소 1이고 최대값은 i)와 같습니다.
구현 코드:
for(var i = 1; i <= 9; i++){ //外层循环控制行 for(var j = 1; j <= i; j++) //内层循环控制列 { document.write(j+"*"+i+"="+j*i+" "); } document.write("</br>"); }
출력 결과:
99 구구단을 테이블에 넣고 처음 그림과 같이 출력할 수도 있습니다.
document.write("<table>"); for (var i = 1; i <= 9; i++) { //外层循环控制行 document.write("<tr>"); for (var j = 1; j <= i; j++) //内层循环控制列 { document.write("<td>" + j + "*" + i + "=" + j * i + "</td>"); } //换行,控制每行的输出几个表达式 document.write("</tr>"); } document.write("</table>");
그런 다음 CSS 스타일을 추가하여 수정합니다.
table { width: 600px; border-collapse: separate; } table td { border: #000 1px solid; text-align: center; }
출력 결과 보기:
[권장 학습: javascript 고급 튜토리얼]
위 내용은 자바스크립트로 99 구구단을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!