Heim > Web-Frontend > Front-End-Fragen und Antworten > So finden Sie ein Rechteck in Javascript

So finden Sie ein Rechteck in Javascript

PHPz
Freigeben: 2023-04-21 16:25:33
Original
1147 Leute haben es durchsucht

JavaScript ist eine weit verbreitete Skriptsprache, die häufig für dynamische Effekte und Leistung auf Webseiten verwendet wird, beispielsweise zum Lösen von Rechtecken. In diesem Artikel stellen wir vor, wie Sie mit JavaScript den Prozess zum Finden eines Rechtecks ​​abschließen. Lassen Sie es uns im Folgenden Schritt für Schritt vorstellen!

  1. So definieren Sie ein Rechteck

Zuerst müssen wir die Abmessungen des Rechtecks ​​definieren. Wir können Variablen in JavaScript verwenden, um die Länge und Breite eines Rechtecks ​​darzustellen. Hier definieren wir eine Rechteckklasse und implementieren Methoden, um die Länge und Breite zu ermitteln.

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

In dieser Klasse legen wir zwei Eigenschaften fest: Länge und Breite. Diese beiden Eigenschaften bestimmen die Größe des Rechtecks. Im Konstruktor der Klasse übergeben wir diese beiden Parameter und weisen sie den Eigenschaften in der Klasse zu. Als Nächstes haben wir zwei Methoden definiert, getLength() und getWidth(), um die Längen- und Breitenwerte zu erhalten.

  1. So ermitteln Sie den Umfang eines Rechtecks

Als nächstes müssen wir den Umfang des Rechtecks ​​berechnen. Nach der Formel lässt sich der Umfang eines Rechtecks ​​berechnen, indem man die Länge und die Breite addiert und mit 2 multipliziert. Wir können der Klasse „Rechteck“ eine Methode hinzufügen, um diesen Prozess zu implementieren.

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);
  }
}
Nach dem Login kopieren

Bei der perimeter()-Methode haben wir die Summe aus Länge und Breite berechnet und mit 2 multipliziert, um den Umfang des Rechtecks ​​zu erhalten. Mit dieser Methode können wir leicht den Umfang eines Rechtecks ​​ermitteln.

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

Hier erstellen wir ein Rechteck mit einer Länge von 10 und einer Breite von 15 und verwenden dann die Methode perimeter(), um den Umfang des Rechtecks ​​zu berechnen. Das Ergebnis ist 40.

  1. So finden Sie die Fläche eines Rechtecks

Zuletzt müssen wir noch die Fläche des Rechtecks ​​ermitteln. Nach der Formel lässt sich die Fläche eines Rechtecks ​​durch Multiplikation von Länge und Breite berechnen. Wir können der Klasse „Rechteck“ eine Methode hinzufügen, um diesen Prozess zu implementieren.

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;
  }
}
Nach dem Login kopieren

In der Methode „area()“ multiplizieren wir die Länge und Breite, um die Fläche des Rechtecks ​​zu erhalten. Mit dieser Methode können wir leicht die Fläche eines Rechtecks ​​​​ermitteln.

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

Hier haben wir ein Rechteck mit einer Länge von 10 und einer Breite von 15 erstellt und dann die Methode „area()“ verwendet, um die Fläche des Rechtecks ​​zu berechnen. Das Ergebnis ist 150.

Zusammenfassung

In diesem Artikel verwenden wir JavaScript, um den Prozess zum Finden eines Rechtecks ​​zu implementieren. Zuerst definieren wir die Rechteckklasse und implementieren Methoden, um die Länge und Breite zu ermitteln. Als nächstes berechneten wir den Umfang und die Fläche des Rechtecks, indem wir die Methoden perimeter() bzw. area() verwendeten. Mit diesen Methoden können wir das Rechteck leicht lösen. Ich hoffe, dieser Artikel hilft Ihnen!

Das obige ist der detaillierte Inhalt vonSo finden Sie ein Rechteck in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage