RGB in ein Array umwandeln

Einführung

In diesem Lab werden wir untersuchen, wie man eine rgb()-Farbstirng in ein Array numerischer Werte mit JavaScript umwandelt. Das Lab führt Sie durch die Schritte, die erforderlich sind, um die Farbwerte aus der Zeichenfolge zu extrahieren und in ein Array umzuwandeln. Diese Fähigkeit ist nützlich für die Webentwicklung, insbesondere wenn es um Grafiken und Design geht.

Umwandeln einer RGB-Zeichenfolge in ein Array

Um eine rgb()-Farbstirng in ein Array von Werten 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 Zeichenfolgen mit den numerischen Werten zu erhalten.
3. Verwenden Sie Array.prototype.map() in Kombination mit Number, um sie in ein Array numerischer Werte umzuwandeln.

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

const toRGBArray = (rgbStr) => rgbStr.match(/\d+/g).map(Number);

Um die Funktion zu testen, rufen Sie sie mit einer rgb()-Farbstirng als Argument auf, wie folgt:

toRGBArray("rgb(255, 12, 0)"); // [255, 12, 0]

Zusammenfassung

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