Miscellaneous

Use the spread operator (…) to convert the string into an array of characters. Source https://www.30secondsofcode.org/js/s/to-char-array

Source https://github.com/roeib/JavaScript-snippets#vanilla-js-toggle

Return an array of key/value pairs, also represented as arrays. Pass in the object as an argument. Source https://vanillajstoolkit.com/reference/objects/object-entries/

The increment operator (++) adds 1 to its operand and returns a value. Similarly, the decrement operator (–) subtracts 1 from its operand and returns a value. Both of these operators can be used either prefix (++i, –i) or postfix (i++, i–). If used prefix, the value is incremented/decremented, and the value of the expression is the updated value. If used […]

Source https://github.com/roeib/JavaScript-snippets#fire-an-event-listener-only-once

Return an array of keys from an object. Pass in the object as an argument. Source https://vanillajstoolkit.com/reference/objects/object-keys/

Get the index of the first matching item in an array. Returns -1 if no matching item is found. Source https://vanillajstoolkit.com/reference/arrays/array-indexof.md/

You can sort arrays of objects. In this case we leverage the collator.compare method and pass along the properties that we want to sort by. Source https://elijahmanor.com/byte/js-locale-sort

This code adds special characters to text to print in color in the console (combined with console.log()). Use template literals and special characters to add the appropriate color code to the string output. For background colors, add a special character that resets the background color at the end of the string. Source https://www.30secondsofcode.org/js/s/colorize

In HTML5, you can tell the browser when to run your JavaScript code. Source https://github.com/roeib/JavaScript-snippets#in-html5-you-can-tell-the-browser-when-to-run-your-javascript-code