Mencetak rombus menggunakan JavaScript

Rhombus ialah salah satu bentuk geometri yang lebih menarik Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mencetak rombus.

Pertama, kita perlu faham apa itu rombus. Rombus, juga dikenali sebagai polihedron grid, ialah sejenis segi empat dengan dua set garis selari bertentangan dan empat sudut pedalaman yang sama. Untuk mencetak berlian pada halaman web, kita perlu menggunakan JavaScript untuk mengendalikan logik paparan.

Idea mencetak berlian adalah menggunakan bersarang untuk gelung Katakan kita perlu mencetak berlian dengan n baris, maka proses mencetak berlian boleh dibahagikan kepada tiga bahagian. Pertama, bahagian atas rombus dicetak, kemudian bahagian tengah rombus dicetak, dan akhirnya bahagian bawah rombus dicetak.

Kodnya adalah seperti berikut:

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); // 输出菱形
}

Dalam kod di atas, kami mentakrifkan fungsi printDiamond(n) untuk mencetak berlian dengan n baris. Pertama, dengan menilai pariti n, jika ia adalah nombor genap, tambah 1 untuk menjadikannya nombor ganjil untuk memastikan simetri rombus. Kemudian pembolehubah middleIndex ditakrifkan untuk mewakili indeks tengah berlian, dan pembolehubah diamond mewakili rentetan berlian akhir yang akan dikeluarkan.

Seterusnya, gunakan bersarang untuk gelung untuk mencetak bentuk berlian. Pertama, cetak bahagian atas berlian Dua untuk gelung digunakan di sini yang pertama untuk gelung mengawal bilangan baris, dan yang kedua untuk gelung mencetak ruang di sudut kiri atas dan asterisk di bahagian atas. Kemudian cetak bahagian tengah berlian Dua untuk gelung juga digunakan di sini Yang pertama untuk gelung mengawal bilangan baris, dan gelung kedua mencetak ruang di sudut kanan atas dan asterisk di bahagian tengah. Akhir sekali, bahagian bawah berlian dicetak Kod untuk bahagian ini adalah sama dengan bahagian atas, kecuali bilangan gelung dan aksara yang dicetak.

Akhir sekali, selepas cetakan berlian selesai, kami mengeluarkan rentetan berlian ke konsol melalui pernyataan console.log(diamond).

Gunakan kod berikut untuk memanggil fungsi ini untuk mencetak berlian:

printDiamond(5);

Keputusan yang dijalankan adalah seperti berikut:

  *  
 *** 
*****
 *** 
  *  

Dalam senario aplikasi sebenar, kita juga boleh menggunakan fungsi ini Gunakan bersama-sama dengan HTML dan CSS untuk hasil yang lebih baik. Kandungan yang diperkenalkan dalam artikel ini hanyalah idea asas menggunakan JavaScript untuk mencetak berlian Pembaca boleh menggunakannya secara fleksibel mengikut keperluan sebenar mereka.

Atas ialah kandungan terperinci Mencetak rombus menggunakan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!