Update and rename RGBDivider.md to toRGBArray.md

This commit is contained in:
Angelos Chalaris
2020-10-14 20:36:18 +03:00
committed by GitHub
parent e3fd126ca8
commit 03d4f069d7
2 changed files with 17 additions and 20 deletions

View File

@ -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 }
```

17
snippets/toRGBArray.md Normal file
View File

@ -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]
```