> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript를 사용하여 마름모 인쇄하기

JavaScript를 사용하여 마름모 인쇄하기

WBOY
풀어 주다: 2023-05-15 22:07:06
원래의
1991명이 탐색했습니다.

마름모는 가장 흥미로운 기하학적 모양 중 하나입니다. 이 글에서는 JavaScript를 사용하여 마름모를 인쇄하는 방법을 소개합니다.

먼저 마름모가 무엇인지 이해해야 합니다. 격자 다면체라고도 알려진 마름모는 두 세트의 반대 평행선과 네 개의 동일한 내각을 가진 일종의 사변형입니다. 웹페이지에 다이아몬드를 인쇄하려면 JavaScript를 사용하여 표시 논리를 처리해야 합니다.

다이아몬드를 인쇄하는 아이디어는 중첩된 for 루프를 사용하는 것입니다. n개의 행으로 다이아몬드를 인쇄해야 한다고 가정하면 다이아몬드를 인쇄하는 과정은 세 부분으로 나눌 수 있습니다. 먼저 마름모의 위쪽 부분을 인쇄한 다음 마름모의 중간 부분을 인쇄하고 마지막으로 마름모의 아래쪽 부분을 인쇄합니다.

코드는 다음과 같습니다.

function printDiamond(n) {
  if (n % 2 === 0) {
    // 如果输入的n是偶数,则加1变成奇数
    n++;
  }
  let middleIndex = Math.floor(n / 2); // 中间的索引
  let diamond = ""; // 菱形字符串

  // 上半部分
  for (let i = 0; i <= middleIndex; i++) {
    for (let j = 0; j < middleIndex - i; j++) {
      diamond += " "; // 打印左上角的空格
    }
    for (let j = 0; j < 2 * i + 1; j++) {
      diamond += "*"; // 打印上半部分的星号
    }
    diamond += "
"; // 换行
  }

  // 中间部分
  for (let i = middleIndex - 1; i >= 0; i--) {
    for (let j = 0; j < middleIndex - i; j++) {
      diamond += " "; // 打印右上角的空格
    }
    for (let j = 0; j < 2 * i + 1; j++) {
      diamond += "*"; // 打印中间部分的星号
    }
    diamond += "
"; // 换行
  }

  console.log(diamond); // 输出菱形
}
로그인 후 복사

위 코드에서는 n행의 다이아몬드를 인쇄하는 printDiamond(n) 함수를 정의합니다. 먼저 n의 패리티를 판단하여 짝수이면 1을 더해 홀수로 만들어 마름모의 대칭성을 확보한다. 그런 다음 변수 middleIndex는 다이아몬드의 중간 인덱스를 나타내도록 정의되고 변수 diamond는 출력할 최종 다이아몬드 문자열을 나타냅니다. printDiamond(n),用于打印行数为n的菱形。首先通过判断n的奇偶性,如果是偶数则将其加1变为奇数,保证菱形的对称性。然后定义了变量middleIndex表示菱形的中间索引,变量diamond表示最终要输出的菱形字符串。

接下来使用for循环嵌套实现菱形的打印。首先打印菱形的上半部分,这里使用两个for循环,第一个for循环控制行数,第二个for循环打印左上角的空格和上半部分的星号。然后打印菱形的中间部分,这里同样使用两个for循环,第一个for循环控制行数,第二个for循环打印右上角的空格和中间部分的星号。最后打印菱形的下半部分,这部分的代码与上半部分代码相同,只是循环次数和打印的字符不同。

最后,在菱形打印完成后,我们通过console.log(diamond)

다음으로 중첩된 for 루프를 사용하여 다이아몬드 모양을 인쇄합니다. 먼저 다이아몬드의 위쪽 절반을 인쇄합니다. 여기에는 두 개의 for 루프가 사용됩니다. 첫 번째 for 루프는 줄 수를 제어하고 두 번째 for 루프는 왼쪽 상단 모서리에 공백을 인쇄하고 위쪽 절반에 별표를 인쇄합니다. 그런 다음 다이아몬드의 중간 부분을 인쇄합니다. 여기에도 두 개의 for 루프가 사용됩니다. 첫 번째 for 루프는 줄 수를 제어하고 두 번째 for 루프는 오른쪽 상단 모서리의 공백과 중간 부분의 별표를 인쇄합니다. 마지막으로 다이아몬드의 아래쪽 절반이 인쇄됩니다. 이 부분의 코드는 루프 수와 인쇄된 문자를 제외하면 위쪽 절반과 동일합니다.

마지막으로 다이아몬드 프린팅이 완료된 후 console.log(diamond) 문을 통해 다이아몬드 문자열을 콘솔에 출력합니다.

이 함수를 호출하여 다이아몬드를 인쇄하려면 다음 코드를 사용하세요.

printDiamond(5);
로그인 후 복사

실행 결과는 다음과 같습니다. 🎜
  *  
 *** 
*****
 *** 
  *  
로그인 후 복사
🎜실제 적용 시나리오에서는 이 함수를 HTML 및 CSS와 함께 사용하여 더 나은 결과를 얻을 수도 있습니다. 이 글에 소개된 내용은 자바스크립트를 이용해 다이아몬드를 프린팅하는 기본적인 아이디어일 뿐이며 독자들은 실제 필요에 따라 유연하게 사용할 수 있다. 🎜

위 내용은 JavaScript를 사용하여 마름모 인쇄하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿