Adapter
call
Given a key and a set of arguments, call them when given a context. Primarily useful in composition.
@@ -266,7 +267,7 @@ Pall(p1, p2, p3).then(console.log) let a = {name: 'John Smith'} let b = {} const mergeFrom = flip(Object.assign) -let mergePerson = mergeFrom.bind(a) +let mergePerson = mergeFrom.bind(null, a) mergePerson(b) // == b b = {} Object.assign(b, a) // == b @@ -388,9 +389,9 @@ Returns the remaining elements. // dropElements([1, 2, 3, 4], n => n >= 3) -> [3,4]dropRight
Returns a new array with n elements removed from the right
Check if n is shorter than the given array and use Array.slice() to slice it accordingly or return an empty array.
const dropRight = (arr, n = 1) => n < arr.length ? arr.slice(0, arr.length - n) : []
+Returns a new array with n elements removed from the right.
+Use Array.slice() to slice the remove the specified number of elements from the right.
+const dropRight = (arr, n = 1) => arr.slice(0, -n);
//dropRight([1,2,3]) -> [1,2]
//dropRight([1,2,3], 2) -> [1]
//dropRight([1,2,3], 42) -> []
@@ -680,6 +681,13 @@ If lengths of the argument-arrays vary, undefined is used where no
const currentURL = () => window.location.href;
// currentUrl() -> 'https://google.com'
+
detectDeviceType
Detects wether the website is being opened in a mobile device or a desktop/laptop.
+Use a regular expression to test the navigator.userAgent property to figure out if the device is a mobile device or a desktop/laptop.
const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Mobile" : "Desktop";
+// detectDeviceType() -> "Mobile"
+// detectDeviceType() -> "Desktop"
+elementIsVisibleInViewport
Returns true if the element specified is visible in the viewport, false otherwise.
Use Element.getBoundingClientRect() and the window.inner(Width|Height) values
@@ -797,8 +805,8 @@ multiplyAndAdd5(5, 2) -> 15
curry
Curries a function.
Use recursion.
-If the number of provided arguments (args) is sufficient, call the passed function f.
-Otherwise, return a curried function f that expects the rest of the arguments.
+If the number of provided arguments (args) is sufficient, call the passed function fn.
+Otherwise, return a curried function fn that expects the rest of the arguments.
If you want to curry a function that accepts a variable number of arguments (a variadic function, e.g. Math.min()), you can optionally pass the number of arguments to the second parameter arity.
const curry = (fn, arity = fn.length, ...args) =>
arity <= args.length
@@ -844,6 +852,14 @@ async function sleepyWork() {
}
*/
Logic
+negate
Negates a predicate function.
+Take a predicate function and apply not to it with its arguments.
const negate = func => (...args) => !func(...args);
+// filter([1, 2, 3, 4, 5, 6], negate(isEven)) -> [1, 3, 5]
+// negate(isOdd)(1) -> false
+Math
arrayAverage
Returns the average of an array of numbers.
@@ -1275,36 +1291,47 @@ Combine characters to get a string usingjoin('').
toCamelCase
Converts a string to camelcase.
-Use replace() to remove underscores, hyphens, and spaces and convert words to camelcase.
const toCamelCase = str =>
- str.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2, offset) => p2 ? p2.toUpperCase() : p1.toLowerCase());
+Break the string into words and combine them capitalizing the first letter of each word.
+For more detailed explanation of this Regex, visit this Site.
+const toCamelCase = str => {
+ let s = str && str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
+ .map(x => x.slice(0,1).toUpperCase() + x.slice(1).toLowerCase())
+ .join('');
+ return s.slice(0,1).toLowerCase() + s.slice(1)
+ }
// toCamelCase("some_database_field_name") -> 'someDatabaseFieldName'
// toCamelCase("Some label that needs to be camelized") -> 'someLabelThatNeedsToBeCamelized'
// toCamelCase("some-javascript-property") -> 'someJavascriptProperty'
// toCamelCase("some-mixed_string with spaces_underscores-and-hyphens") -> 'someMixedStringWithSpacesUnderscoresAndHyphens'
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.
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;
-}
+Converts a string to kebab case.
+Break the string into words and combine them using - as a separator.
+For more detailed explanation of this Regex, visit this Site.
+const toKebabCase = str =>
+ str && str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
+ .map(x => 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.
-Use replace() to add underscores before capital letters, convert toLowerCase(), then replace() hyphens and spaces with underscores.
const toSnakeCase = str =>
- str.replace(/(\w)([A-Z])/g, '$1_$2').replace(/[\s-_]+/g, '_').toLowerCase();
+Converts a string to snake case.
+Break the string into words and combine them using _ as a separator.
+For more detailed explanation of this Regex, visit this Site.
+const toSnakeCase = str =>{
+ str && str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
+ .map(x => x.toLowerCase())
+ .join('_');
// toSnakeCase("camelCase") -> 'camel_case'
// toSnakeCase("some text") -> 'some_text'
// toSnakeCase("some-javascript-property") -> 'some_javascript_property'
// toSnakeCase("some-mixed_string With spaces_underscores-and-hyphens") -> 'some_mixed_string_with_spaces_underscores_and_hyphens'
+// toKebabCase("AllThe-small Things") -> "all_the_smal_things"
+// toKebabCase('IAmListeningToFMWhileLoadingDifferentURLOnMyBrowserAndAlsoEditingSomeXMLAndHTML') -> "i_am_listening_to_fm_while_loading_different_url_on_my_browser_and_also_editing_some_xml_and_html"
truncateString
Truncates a string up to a specified length.
@@ -1413,6 +1440,18 @@ Omit the second argument to use the default regex. // isSymbol('x') -> false // isSymbol(Symbol('x')) -> true +randomHexColorCode
Generates a random hexadecimal color code.
+Use Math.random to generate a random 24-bit(6x4bits) hexadecimal number. Use bit shifting and then convert it to an hexadecimal String using toString(16).
const randomHexColor = () => {
+ let n = (Math.random()*0xfffff|0).toString(16);
+ return '#' + (n.length !== 6
+ ? (Math.random()*0xf|0).toString(16) + n : n);
+}
+// randomHexColorCode() -> "#e34155"
+// randomHexColorCode() -> "#fd73a6"
+// randomHexColorCode() -> "#4144c6"
+RGBToHex
Converts the values of RGB components to a color code.
Convert given RGB parameters to hexadecimal string using bitwise left-shift operator (<<) and toString(16), then padStart(6,'0') to get a 6-digit hexadecimal value.
Number() to check if the coercion holds.
const validateNumber = n => !isNaN(parseFloat(n)) && isFinite(n) && Number(n) == n;
// validateNumber('10') -> true
Uncategorized
-detectDeviceType
Detects wether the website is being opened in a mobile device or a desktop/laptop.
-Use a regular expression to test the navigator.userAgent property to figure out if the device is a mobile device or a desktop/laptop.
const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Mobile" : "Desktop";
-// detectDeviceType() -> "Mobile"
-// detectDeviceType() -> "Desktop"
-negate
Negates a predicate function.
-Take a predicate function and apply not to it with its arguments.
const negate = func => (...args) => !fun(...args);
-// filter([1, 2, 3, 4, 5, 6], negate(isEven)) -> [1, 3, 5]
-// negate(isOdd)(1) -> false
-