Update and rename RGBDivider.md to toRGBArray.md
This commit is contained in:
@ -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
17
snippets/toRGBArray.md
Normal 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]
|
||||
```
|
||||
Reference in New Issue
Block a user