Rumah hujung hadapan web Soal Jawab bahagian hadapan Bagaimana untuk mencari segi empat tepat dalam javascript

Bagaimana untuk mencari segi empat tepat dalam javascript

Apr 21, 2023 pm 02:16 PM

JavaScript ialah bahasa skrip yang digunakan secara meluas, sering digunakan untuk kesan dinamik dan prestasi dalam halaman web, seperti menyelesaikan segi empat tepat. Dalam artikel ini, kami akan memperkenalkan cara menggunakan JavaScript untuk melengkapkan proses mencari segi empat tepat. Mari perkenalkan langkah demi langkah di bawah!

  1. Cara mentakrifkan segi empat tepat

Pertama, kita perlu mentakrifkan dimensi segi empat tepat. Kita boleh menggunakan pembolehubah dalam JavaScript untuk mewakili panjang dan lebar segi empat tepat. Di sini, kami mentakrifkan kelas segi empat tepat dan melaksanakan kaedah untuk mendapatkan panjang dan lebar.

class Rectangle {
  constructor(length,width){
    this.length = length;
    this.width = width;
  }
    
  getLength(){
    return this.length;
  }
    
  getWidth(){
    return this.width;
  }
}

Dalam kelas ini, kami menetapkan dua sifat, panjang dan lebar. Kedua-dua sifat ini menentukan saiz segi empat tepat. Dalam pembina kelas, kami lulus dalam dua parameter ini dan menetapkannya kepada sifat dalam kelas. Seterusnya, kami menentukan dua kaedah, getLength() dan getWidth(), untuk mendapatkan nilai panjang dan lebar.

  1. Cara mencari perimeter segi empat tepat

Seterusnya, kita perlu mengira perimeter segi empat tepat itu. Mengikut formula, perimeter segi empat tepat boleh dikira dengan menambah panjang dan lebar masing-masing dan mendarab dengan 2. Kita boleh menambah kaedah kepada kelas Rectangle untuk melaksanakan proses ini.

class Rectangle {
  constructor(length,width){
    this.length = length;
    this.width = width;
  }
    
  getLength(){
    return this.length;
  }
    
  getWidth(){
    return this.width;
  }
    
  perimeter(){
    return 2*(this.length + this.width);
  }
}

Dalam kaedah perimeter(), kami mengira hasil tambah panjang dan lebar serta darabkannya dengan 2 untuk mendapatkan perimeter segi empat tepat. Menggunakan kaedah ini, kita boleh mendapatkan perimeter segi empat tepat dengan mudah.

let rectangle = new Rectangle(10,15);
console.log(rectangle.perimeter()); // 输出40

Di sini, kami mencipta segi empat tepat dengan panjang 10 dan lebar 15, dan kemudian menggunakan kaedah perimeter() untuk mengira perimeter segi empat tepat. Hasilnya ialah 40.

  1. Cara mencari luas segi empat tepat

Akhir sekali, kita perlu mencari luas segi empat tepat itu. Mengikut formula, luas segi empat tepat boleh dikira dengan mendarab panjang dan lebar. Kita boleh menambah kaedah kepada kelas Rectangle untuk melaksanakan proses ini.

class Rectangle {
  constructor(length,width){
    this.length = length;
    this.width = width;
  }
    
  getLength(){
    return this.length;
  }
    
  getWidth(){
    return this.width;
  }
    
  perimeter(){
    return 2*(this.length + this.width);
  }
    
  area(){
    return this.length * this.width;
  }
}

Dalam kaedah luas(), kita darab panjang dan lebar untuk mendapatkan luas segi empat tepat. Menggunakan kaedah ini, kita boleh dengan mudah mendapatkan luas segi empat tepat.

let rectangle = new Rectangle(10,15);
console.log(rectangle.area()); // 输出150

Di sini, kami mencipta segi empat tepat dengan panjang 10 dan lebar 15, dan kemudian menggunakan kaedah luas() untuk mengira luas segi empat tepat. Hasilnya ialah 150.

Ringkasan

Dalam artikel ini, kami menggunakan JavaScript untuk melaksanakan proses mencari segi empat tepat. Pertama, kami mentakrifkan kelas segi empat tepat dan melaksanakan kaedah untuk mendapatkan panjang dan lebar. Seterusnya, kami mengira perimeter dan luas segi empat tepat, menggunakan kaedah perimeter() dan luas() masing-masing. Menggunakan kaedah ini, kita boleh menyelesaikan segi empat tepat dengan mudah. Harap artikel ini membantu anda!

Atas ialah kandungan terperinci Bagaimana untuk mencari segi empat tepat dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan kecerunan CSS untuk latar belakang Cara menggunakan kecerunan CSS untuk latar belakang Aug 17, 2025 am 08:39 AM

CSSgradientsprovidesmoothcolortransitionswithoutimages.1.Lineargradientstransitioncolorsalongastraightlineusingdirectionsliketobottomorangleslike45deg,andsupportmultiplecolorstopsforcomplexeffects.2.Radialgradientsradiatefromacentralpointusingcircleo

Cara Menggunakan Tag Del dan INS di HTML Cara Menggunakan Tag Del dan INS di HTML Aug 12, 2025 am 11:38 AM

Thetagisusedtomarkdeletedtext,optionallywithdatetimeandciteattributestospecifywhenandwhythedeletionoccurred.2.Thetagindicatesinsertedcontent,alsosupportingdatetimeandciteforcontextabouttheaddition.3.Thesetagscanbecombinedtoshowdocumentrevisionsclearl

Bagaimana anda boleh membuat elemen HTML yang boleh diedit oleh pengguna? Bagaimana anda boleh membuat elemen HTML yang boleh diedit oleh pengguna? Aug 11, 2025 pm 05:23 PM

Ya, anda boleh membuat elemen HTML diedit dengan menggunakan atribut contentedable. Kaedah khusus adalah untuk menambah contentedable = "true" kepada elemen sasaran. Sebagai contoh, anda boleh mengedit teks ini, dan pengguna boleh mengklik dan mengubahsuai kandungan secara langsung. Atribut ini sesuai untuk unsur-unsur peringkat dan unsur-unsur dalam talian seperti Div, P, Span, H1 hingga H6. Nilai lalai adalah "benar" untuk diedit, "palsu" untuk tidak boleh diedit, dan "mewarisi" untuk mewarisi tetapan elemen induk. Untuk meningkatkan kebolehcapaian, disarankan untuk menambah tabIndex = "0 & quo

Cara menggunakan pemilih CSS dengan berkesan Cara menggunakan pemilih CSS dengan berkesan Aug 11, 2025 am 11:12 AM

Apabila menggunakan pemilih CSS, pemilih spesifik rendah harus digunakan terlebih dahulu untuk mengelakkan batasan yang berlebihan; 1. Memahami tahap kekhususan dan gunakannya dengan munasabah dalam urutan jenis, kelas, dan ID; 2. Gunakan nama kelas pelbagai tujuan untuk meningkatkan kebolehgunaan dan kebolehkerjaan; 3. Gunakan atribut dan pemilih kelas pseudo untuk mengelakkan masalah prestasi; 4. Pastikan pemilih pendek dan jelas skop; 5. Gunakan BEM dan spesifikasi penamaan lain untuk meningkatkan kejelasan struktur; 6. Elakkan penyalahgunaan pemilih tag dan: anak-anak, dan memberi keutamaan kepada penggunaan kelas alat atau CSS modular untuk memastikan gaya itu dapat dikawal untuk masa yang lama.

Cara membuat gelangsar testimoni responsif dengan CSS Cara membuat gelangsar testimoni responsif dengan CSS Aug 12, 2025 am 09:42 AM

Adalah mungkin untuk membuat slider karusel automatik yang responsif dengan CSS tulen, hanya menggabungkan struktur HTML, susun atur flexbox, dan animasi CSS. 2. Pertama membina bekas HTML semantik yang mengandungi pelbagai syarat cadangan, setiap .Item mengandungi kandungan rujukan dan maklumat pengarang. 3. Gunakan bekas induk untuk menetapkan paparan: flex, lebar: 300% (tiga slaid) dan gunakan limpahan: tersembunyi untuk mencapai susunan mendatar. 4. Gunakan @KeyFrames untuk menentukan transformasi translatex dari 0% hingga -100%, dan menggabungkan animasi: scroll15slinearinfinite untuk mencapai tatal automatik lancar. 5. Tambah media

Cara membuat subskrip dan superskrip dalam html Cara membuat subskrip dan superskrip dalam html Aug 20, 2025 am 11:37 AM

TOCREATESUBSCRIPTANDSUPERSCRIPTTEXTINHTML, USETHEANDTAGS.1.USETOFORMATSUBSCRIPTTEXT, SUCHASINCHEMICALFORMULASLIKEH₂O.2.USETOFOR MatsuPerscriptText, SuchasineXponentsLike10²orordinalslike1ˢᵗ.3.combinebothtagswhenneeded, asinscientificnotationlike ²³u.the

Cara membuat dropdown pilih dalam HTML Cara membuat dropdown pilih dalam HTML Aug 16, 2025 am 05:32 AM

Menggunakan dan membuat menu drop-down; 2. Tambah tag dan nama dengan atribut dan nama; 3. Tetapkan pilihan lalai dengan atribut yang dipilih; 4. Pilihan Kumpulan; 5. Tambah atribut yang diperlukan untuk mencapai pengesahan yang diperlukan; Menu drop-down HTML yang lengkap harus mengandungi tag, nama, kumpulan pilihan dan pengesahan untuk memastikan fungsi lengkap dan mesra pengguna.

Cara menggunakan tag alamat dalam html Cara menggunakan tag alamat dalam html Aug 15, 2025 am 06:24 AM

ThetagisusedTodefineContactinformationfortheAuthorOrOrOrownerofadocumentorsection; 1.useitforemail, fizikalAddress, phonenumber, orwebsiteurlwithinanarticleorbody;

See all articles