Map a JavaScript object to an array
Map an object to an object array, using the provided mapping function.
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 · What is the difference between JavaScript's for...in, for...of and forEach?
Learn the differences between the three most commonly used iteration methods in JavaScript, that often confuse beginners and veterans alike.
-
JavaScript · Compact an array or object in JavaScript
Learn how to compact an array or object in JavaScript using the
Booleanfunction and recursion. -
JavaScript · Combine 2 JavaScript object arrays based on a key
Learn how to merge two arrays of objects, while combining objects based on a specified key.
-
JavaScript · Big-O Cheat Sheet
Learn everything you need to know about Big-O notation with this handy cheatsheet.
-
HTML · 8 tips for accessible websites
Accessibility (a11y) can improve your website and attract new users. Learn how to get started with these 8 quick tips.
-
CSS · Create a toggle switch using HTML & CSS
A toggle switch is little more than a checkbox with a custom appearance. This article shows you how to create one without using JavaScript.
-
JavaScript · Uppercase or lowercase object keys in JavaScript
Convert all the keys of an object to upper or lower case.
-
JavaScript · Replace the last occurrence of a pattern in a JavaScript string
Learn how to use regular expressions to replace the last occurrence of a pattern in a JavaScript string.
-
CSS · Content-aware height transition
Dynamically transition an element's height, based on its content.
-
CSS · Centering content with CSS
Centering content with CSS might often feel difficult. Here are 4 easy ways you can do it.
-
CSS · 25 CSS gradients for your next project
I hand picked 25 of my favorite CSS gradients from uiGradients for your next design. Get them now!
-
React · Toggle component
Render a simple toggle component in React.
-
JavaScript · Convert an integer to a roman numeral in JavaScript
Roman numerals are often used for stylistic reasons, but converting an integer to a roman numeral can be a bit tricky.
-
JavaScript · Throttle a JavaScript function
Create a throttled function that only invokes the provided function at most once per the specified interval.
-
JavaScript · How can I implement a sleep function in JavaScript?
Learn how you can implement a delay function using
setTimeout(), promises andasync/await. -
JavaScript · Run JavaScript promises in series
Learn how to resolve promises one after another (sequentially) in JavaScript.
-
JavaScript · Negative index in JavaScript array
Ever wanted to use negative indices in JavaScript arrays? Here's a simple way to do it using a Proxy.
-
JavaScript · Convert an HSL color string to a JavaScript array or object
Easily convert an
hsl()color string to an array of values or an object with the values of each color. -
JavaScript · Implement the SDBM hash function in JavaScript
SDBM is a simple, non-cryptographic hash function that can hash strings into whole numbers. Here's a JavaScript implementation.
-
JavaScript · Convert the output of a JavaScript generator to an array
Converts the output of any generator function to an array using the spread operator.
-
JavaScript · Find matching keys in a JavaScript object
Find all the keys in a JavaScript object that match the given value.
-
JavaScript · Refactoring your for...in loops to avoid ESLint warnings
ESLint is a really useful tool, but sometimes it gets in the way. Learn how to refactor code to get rid of a common warning.
-
JavaScript · Change color lightness using JavaScript
Learn how to change the lightness component of an
hsl()color string using JavaScript.