RGB in Objekt umwandeln

Einführung

In diesem Lab werden wir eine JavaScript-Funktion untersuchen, die einen rgb()-Farbstring in ein Objekt mit den Werten jeder Farbe umwandelt. Diese Funktion verwendet eine Kombination aus Zeichenkettenmanipulation und Array-Destrukturierung, um die numerischen Werte aus der Eingabezeichenkette zu analysieren und in einem neuen Objekt zu speichern. Dieses Lab wird Ihnen helfen, zu verstehen, wie Sie mit Zeichenketten, Arrays und Objekten in JavaScript arbeiten.

Skills Graph

Umwandlung von RGB in Objekt

Um einen rgb()-Farbstring in ein Objekt mit den Werten jeder Farbe umzuwandeln, folgen Sie diesen Schritten:

1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
2. Verwenden Sie String.prototype.match(), um ein Array von 3 Zeichenketten mit den numerischen Werten zu erhalten.
3. Verwenden Sie Array.prototype.map() in Kombination mit Number, um sie in ein Array von numerischen Werten umzuwandeln.
4. Verwenden Sie die Array-Destrukturierung, um die Werte in benannte Variablen zu speichern und daraus ein passendes Objekt zu erstellen.

Hier ist der Code, den Sie verwenden können:

const toRGBObject = (rgbStr) => {
  const [red, green, blue] = rgbStr.match(/\d+/g).map(Number);
  return { red, green, blue };
};

toRGBObject("rgb(255, 12, 0)"); // {red: 255, green: 12, blue: 0}

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das RGB zu Objekt-Lab abgeschlossen. Sie können in LabEx weitere Labs ausprobieren, um Ihre Fähigkeiten zu verbessern.