Merge pull request #1555 from CakeCrusher/master

Add RGBDivider
This commit is contained in:
Angelos Chalaris
2020-10-14 20:39:19 +03:00
committed by GitHub
2 changed files with 38 additions and 0 deletions

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

21
toRGBObject.md Normal file
View File

@ -0,0 +1,21 @@
---
title: toRGBObject
tags: string,browser,regexp,intermediate
---
Converts an `rgb()` color string to an object with the values of each color.
- 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.
- Use array destructuring to store the values into named variables and create an appropriate object from them.
```js
const toRGBObject = rgbStr => {
const [r, g, b] = rgbStr.match(/\d+/g).map(Number);
return { r, g, b };
};
```
```js
toRGBObject('rgb(255,12,0)'); // {r: 255, g: 12, b: 0}
```