Welcome to a quick tutorial and examples on the Javascript spread operator. When the spread operator is first introduced, it lit some light bulbs and left some scratching their heads. Just what does it do? In simple terms, the spread operator is used on arrays and objects to “expand” them. To “unpack” an array into …
Welcome to a tutorial on how to debug Javascript. Oh no! An error occurred, what is to be done next? Sadly, the immediate reaction of some beginners is to go into denial – Debugging is difficult, I will just report “it doesn’t work” to a code ninja, and things will be magically fixed. Well, no. …
Welcome to a quick tutorial and examples on how to add properties to a Javascript object. Have you tried using the “usual” array push and concat on objects in Javascript? Just to find out that they don’t work? Well, arrays and objects are 2 different stories in Javascript. Here are the common ways to add …
Welcome to a quick tutorial on how to remove elements from a Javascript array. Need to remove some elements from an array? It may seem like a simple task at first, but things can get a little bit funky… Here is a quick list of examples on removing elements from an array: ARRAY.pop() to remove …
How To Remove Elements From Javascript Array – Simple Examples Read More »
Welcome to a quick tutorial on how to replace characters in a string in Javascript. Need to check and replace certain characters in Javascript? There are actually a number of ways to do it: var replaced = STRING.replace(“FROM”, “TO”); var replaced = STRING.replaceAll(“FROM”, “TO”); var replaced = STRING.replace(/FROM/g, “TO”); var replaced = theString.split(“FROM”).join(“TO”); That covers …
How To Replace Characters In A String In Javascript – Simple Examples Read More »
There sure are a lot of date pickers on the Internet for jQuery, Bootstrap, React, and whatever else. But I understand, it really does not make any sense to load an entire library, just for the sake of a simple plugin. So here it is, a sharing of my simple lightweight date picker, all done …
Simple Date Picker in Pure Javascript CSS – Free Code Download Read More »
Welcome to a tutorial on how to create an image zoom with CSS and Javascript. Need to spice up your image gallery or an e-commerce store? I am sure there are plenty of such “image zoom” plugins floating all over the Internet, so we will do something a little different with this guide. Instead of …
3 Ways to Create Image Zoom With Pure CSS Javascript Read More »
Welcome to a quick tutorial on how to flatten objects in Javascript. Need to simplify a nested object in Javascript? Here’s some bad news… There are no native functions to flatten objects in Javascript. We have to manually define our own function on how to restructure nested objects. Yep, it’s kind of a sticky situation, …
How To Flatten Objects In Javascript – Quick Examples Read More »
Welcome to a quick tutorial on how to flatten arrays in Javascript. New to Javascript? Need to flatten a nested array? Or turn it into a flat string? The common ways to flatten an array in Javascript are: var flatten = ARRAY.flat(); var flatten = ARRAY.toString(); var flatten = ARRAY.join(“-“); var flatten = ARRAYA.flatMap((ARRAYA, index) …
How To Flatten Arrays In Javascript – Simple Examples Read More »
Welcome to a quick tutorial on how to remove line breaks in Javascript. Want to remove all line breaks and create a “flat string” in Javascript? There are actually a few ways to do it: STRING.replace(/\r?\n|\r/, “”); STRING.replaceAll(“\r”, “”).replaceAll(“\n”, “”); To remove HTML line breaks – STRING.replaceAll(“<br>”, “”).replaceAll(“<br/>”, “”); To remove only leading and trailing …
