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]
|
||||
```
|
||||
21
toRGBObject.md
Normal file
21
toRGBObject.md
Normal 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}
|
||||
```
|
||||
Reference in New Issue
Block a user