diff --git a/README.md b/README.md index 23b545eb2..bd8731c3e 100644 --- a/README.md +++ b/README.md @@ -174,6 +174,9 @@ * [`UUIDGenerator`](#uuidgenerator) * [`validateNumber`](#validatenumber) +### _Uncategorized_ +* [`randomHexColorCode`](#randomhexcolorcode) + ## Adapter ### call @@ -2057,18 +2060,28 @@ const toCamelCase = str => ### toKebabCase Converts a string to [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles). -Use `replace()` to add spaces before capital letters, convert `toLowerCase()`, then `replace()` underscores and spaces with hyphens. -Also check if a string starts with a hyphen and remove it if yes. +Breaks the string into words. +A word is defined as following:- +-> Beginning with two or more capital letters, e.g. XML or FM +-> Begin with a capital letter followed by lower case letters with optional trailing numbers, e.g. Hello or Http2 +-> Contain nothing but lower case letters with optional trailing numbers, e.g. hello or http2 +-> Individual upper letters, e.g T.M.N.T +-> Groups of numbers, e.g. 555-555-5555 + +For more detailed explanation of this Regex [Visit this Site](https://regex101.com/r/bMCgAB/1) ```js const toKebabCase = str => { - str = str.replace(/([A-Z])/g," $1").toLowerCase().replace(/_/g,' ').replace(/-/g,' ').replace(/\s\s+/g, ' ').replace(/\s/g,'-'); - return str.startsWith('-') ? str.slice(1,str.length) : str; + let regex = rx = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g; + return str.match(regex).map(x =>{ + return x.toLowerCase(); + }).join('-'); } // toKebabCase("camelCase") -> 'camel-case' // toKebabCase("some text") -> 'some-text' // toKebabCase("some-mixed_string With spaces_underscores-and-hyphens") -> 'some-mixed-string-with-spaces-underscores-and-hyphens' // toKebabCase("AllThe-small Things") -> "all-the-small-things" +// toKebabCase('IAmListeningToFMWhileLoadingDifferentURLOnMyBrowserAndAlsoEditingSomeXMLAndHTML') -> "i-am-listening-to-fm-while-loading-different-url-on-my-browser-and-also-editing-xml-and-html" ``` [⬆ back to top](#table-of-contents) @@ -2377,6 +2390,26 @@ const validateNumber = n => !isNaN(parseFloat(n)) && isFinite(n) && Number(n) == // validateNumber('10') -> true ``` +[⬆ back to top](#table-of-contents) +## _Uncategorized_ + +### randomHexColorCode + +Generates a random hexadecimal color code. + +Use `Math.random` to generate a random number and limit that number to fall in between 0 and 16 using `Math.floor`. Use the generated random number as index to access a character from 0 to F. Append it to `color` till the length is not `7`. + +```js +const randomHexColorCode = () => { + let color = '#'; + while(color.length < 7) color += '0123456789ABCDEF'[Math.floor(Math.random() * 16)]; + return color; +} +// randomHexColorCode() -> "#e34155" +// randomHexColorCode() -> "#fd73a6" +// randomHexColorCode() -> "#4144c6" +``` + [⬆ back to top](#table-of-contents) ## Credits diff --git a/docs/index.html b/docs/index.html index 9524d1f3f..be6ed6a23 100644 --- a/docs/index.html +++ b/docs/index.html @@ -235,6 +235,9 @@ UUIDGenerator validateNumber +

Uncategorized +

randomHexColorCode +
 

Adapter

call

Given a key and a set of arguments, call them when given a context. Primarily useful in composition.

@@ -1300,16 +1303,25 @@ Combine characters to get a string using join('').


toKebabCase

Converts a string to kebab case. -Use replace() to add spaces before capital letters, convert toLowerCase(), then replace() underscores and spaces with hyphens. -Also check if a string starts with a hyphen and remove it if yes.

+Breaks the string into words. +A word is defined as following:- +-> Beginning with two or more capital letters, e.g. XML or FM +-> Begin with a capital letter followed by lower case letters with optional trailing numbers, e.g. Hello or Http2 +-> Contain nothing but lower case letters with optional trailing numbers, e.g. hello or http2 +-> Individual upper letters, e.g T.M.N.T +-> Groups of numbers, e.g. 555-555-5555

+

For more detailed explanation of this Regex Visit this Site

const toKebabCase = str => {
-    str = str.replace(/([A-Z])/g," $1").toLowerCase().replace(/_/g,' ').replace(/-/g,' ').replace(/\s\s+/g, ' ').replace(/\s/g,'-');
-    return str.startsWith('-') ? str.slice(1,str.length) : str;
+    let regex = rx = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g;
+    return str.match(regex).map(x =>{
+        return x.toLowerCase();
+    }).join('-');
 }
 // toKebabCase("camelCase") -> 'camel-case'
 // toKebabCase("some text") -> 'some-text'
 // toKebabCase("some-mixed_string With spaces_underscores-and-hyphens") -> 'some-mixed-string-with-spaces-underscores-and-hyphens'
 // toKebabCase("AllThe-small Things") -> "all-the-small-things"
+// toKebabCase('IAmListeningToFMWhileLoadingDifferentURLOnMyBrowserAndAlsoEditingSomeXMLAndHTML') -> "i-am-listening-to-fm-while-loading-different-url-on-my-browser-and-also-editing-xml-and-html"

toSnakeCase

Converts a string to snakecase.

@@ -1479,6 +1491,19 @@ Use Number() to check if the coercion holds.

const validateNumber = n => !isNaN(parseFloat(n)) && isFinite(n) && Number(n) == n;
 // validateNumber('10') -> true
+

Uncategorized

+

randomHexColorCode

+

Generates a random hexadecimal color code.

+

Use Math.random to generate a random number and limit that number to fall in between 0 and 16 using Math.floor. Use the generated random number as index to access a character from 0 to F. Append it to color till the length is not 7.

+
const randomHexColorCode = () => {
+	  let color = '#';
+	  while(color.length < 7) color += '0123456789ABCDEF'[Math.floor(Math.random() * 16)];
+	  return color;
+}
+// randomHexColorCode() -> "#e34155"
+// randomHexColorCode() -> "#fd73a6"
+// randomHexColorCode() -> "#4144c6"
+