What are the differences between Maps and objects in JavaScript?
Maps and objects are very similar, but they have some differences that can help you decide which one better fits your use-case.
Code Articles
30 seconds of code contains a curated collection of code articles covering a wide range of development needs. The collection spans many topics, ranging from simple coding problems to theoretical concepts and development techniques.
-
JavaScript · -
JavaScript · Get the index of an array item in a JavaScript for...of loop
Did you know you can get the index of an array item in a JavaScript for...of loop? Learn how with this bite-sized tip.
-
JavaScript · JavaScript function arity
Function arity is a simple, yet useful concept in functional programming, especially when combined with currying.
-
JavaScript · Understanding JavaScript currying
Currying is a process that transforms a function that takes multiple arguments into a series of functions that each take a single argument.
-
JavaScript · What is a callback function?
JavaScript uses callback functions quite a lot. From event listeners to asynchronous code, they're an invaluable tool you need to master.
-
JavaScript · Asynchronous JavaScript Cheat Sheet
Learn everything you need to know about promises and asynchronous JavaScript with this handy cheatsheet.
-
JavaScript · Add or remove multiple event listeners from a single element
Ever wanted to listen for multiple events on an element and handle them with the same function? Here's how!
-
CSS · Scroll progress bar
Create a progress bar indicating the scroll percentage of the page, using CSS and JavaScript.
-
React · How can I implement React's lifecycle methods using hooks?
If you're transitioning from class components to functional components, you can replicate the behavior of lifecycle methods using hooks.
-
JavaScript · Split a JavaScript array into chunks
Chunk an array or iterable into arrays of a specified size or a given number of chunks.
-
JavaScript · Replace or append a value in a JavaScript array
Quickly and easily replace or append a value in a JavaScript array.
-
JavaScript · Use JavaScript to prefix a CSS property based on the browser
Not sure if you need to prefix a CSS property in order to use it? Here's a simple way to figure it out!
-
JavaScript · Convert a NodeList to a JavaScript array
Ever needed to convert a
NodeListto an array in JavaScript? Here's the fastest way to do so. -
JavaScript · How do I use JavaScript to modify the URL without reloading the page?
Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
-
JavaScript · Heap sort
Sort an array of numbers, using the heapsort algorithm.
-
JavaScript · Understanding event bubbling, capturing and delegation in JavaScript
Understand how events work in JavaScript and learn when to use event bubbling, event capturing and event delegation with this short guide.
-
JavaScript · Check if a JavaScript date is inside business hours
Leverage the
Dateobject to check if a given date is inside business hours. -
JavaScript · Calculate the ranking of a JavaScript array
Calculate the ranking of an array based on a comparator function in JavaScript.
-
JavaScript · How can I add or remove an event listener from multiple elements?
Level up your event handling skills by learning how to attach or detach event listeners from multiple elements at once.
-
React · React useInterval hook
Wrapping your mind around React hooks and how they interact with
setInterval()can be difficult. Here's a guide to get you started. -
JavaScript · You can get the value of an input element as a number
Ever wanted to get the value of an HTML input element as a number? Learn an easy way to do it with this handy trick.
-
JavaScript · Selection sort
Sort an array of numbers, using the selection sort algorithm.
-
JavaScript · Quick sort
Sort an array of numbers, using the quicksort algorithm.
-
JavaScript · How do I compare two objects in JavaScript?
Learn how you can compare two objects in JavaScript using various different techniques.