From 03d4f069d7c3846d855680ed4a7303df36e303ee Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Wed, 14 Oct 2020 20:36:18 +0300 Subject: [PATCH] Update and rename RGBDivider.md to toRGBArray.md --- snippets/RGBDivider.md | 20 -------------------- snippets/toRGBArray.md | 17 +++++++++++++++++ 2 files changed, 17 insertions(+), 20 deletions(-) delete mode 100644 snippets/RGBDivider.md create mode 100644 snippets/toRGBArray.md diff --git a/snippets/RGBDivider.md b/snippets/RGBDivider.md deleted file mode 100644 index 9b1bd4f1f..000000000 --- a/snippets/RGBDivider.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: RGBDivider -tags: object,beginner ---- - -Converts an RGB string to an object of the color letters paired with their number. - -- Splits the string input so that only each of the three numbers remain in an array stored as `RGBNumbersList` -- Returns an object which pairs each number with their corresponding letter. - -```js -const RGBDivider = ( RGBStr ) => { - let RGBNumbersList = RGBStr.split('(')[1].slice(0,-1).split(',') - return { r: Number(RGBNumbersList[0]), g: Number(RGBNumbersList[1]), b: Number(RGBNumbersList[2]) } -}; -``` - -```js -RGBDivider('rgb(255,12,0)'); // { r: 255, g: 12, b: 0 } -``` \ No newline at end of file diff --git a/snippets/toRGBArray.md b/snippets/toRGBArray.md new file mode 100644 index 000000000..c69638465 --- /dev/null +++ b/snippets/toRGBArray.md @@ -0,0 +1,17 @@ +--- +title: toRGBArray +tags: string,browser,regexp,beginner +--- + +Converts an `rgb()` color string to an array of values. + +- Use `String.prototype.match()` to get an array of 3 string with the numeric values. +- Use `Array.prototype.map()` in combination with `Number` to convert them into an array of numeric values. + +```js +const toRGBArray = rgbStr => rgbStr.match(/\d+/g).map(Number); +``` + +```js +toRGBArray('rgb(255,12,0)'); // [255, 12, 0] +```