1) Order matters with unary operators

Chances are that as you started learning JavaScript, you picked up the handy trick of using unary operators such as ++ and— — to increment or decrement your numeric values, respectively. In case you need a refresher, JavaScript has both binary and unary operators. A unary operator only requires one operand and is most commonly used with variables.

Recently, I found myself looking through all of the JavaScript array prototypes on MDN Web Docs for fun — like one does — and I came across a method I had never seen or heard of anyone using before: .flat().

I was intrigued since its simple name gave me enough of a hit to surmise what it might do, but not entirely. After digging in a little deeper, I realized that this simple yet powerful method is one worth knowing and keeping in your back pocket for special occasions. …

Higher-Order functions are one of those things in JavaScript that sounds incredibly complicated, but isn’t. By definition, a higher-order function is just a function that either accepts or returns a function. That’s it! Some of the most common and useful functions in JavaScript are higher-order functions, such as .map(), .filter(), .reduce(), and .forEach(). In this article, we will explore each of these functions in more detail.

1. map( )

This HOF is one of the most popular and most commonly used functions in JavaScript. The .map() function takes in a callback function as an argument and returns a new array object. …

Helping you create visual contrast and intrigue without using a million different fonts.

While building anew project, I wanted to create some contrast with my homepage h1 without mixing too many fonts. I personally find it annoying when sites go “font crazy” because my eyes start to focus on the style of the text rather than the content itself. My first step was to look through the available Google fonts but I didn’t find any “hallow” text fonts which I was keen to use. …

While working on a side project recently, I found myself in a situation which, surprisingly, I hadn’t been in before. In my quest to collect user feedback, I found that I needed a way to collect and store unique values from these responses without caring about how often the same responses appeared or who they were initiated by. I wracked my brain for a good hour trying to find an elegant solution when I finally gave up and went to the Temple of Knowledge (stack overflow) and came across the mystical Set object.

The Set object was the perfect solution…

Being able to traverse, alter, and inspect an array is an essential foundation for any programming language. In this article, I explore and outline the basic methods available to the array object that every programmer using JavaScript should know.

Table of Contents:

• Adding to an array: unshift(), push()
• Removing elements from an array: shift(), pop()
• Changing the order of an array: sort(), reverse()
• Inspecting an array: indexOf(), lastIndexOf(), includes()

Adding to an array

unshift() — Adds one or more elements to the beginning of an array and returns the new length of the array. This method is destructive, meaning that the original array will be modified.

Click…

The destructuring assignment in JavaScript is a fast and easy way to delegate data from object and array literals to variables. If you ever find yourself writing line after line of variable assignments, consider using the destructuring assignment to save lines and time.

Basics of destructuring

Order is the name of the game when it comes to the destructuring assignment. The order of variables on the left side of the equality operator determines the values that will be assigned to them. If you remember nothing else about destructuring, remember this nugget. ORDER. MATTERS.

Syntax

For array destructuring:
[var1, var2, etc.] = [value1, value2, etc.]

…

This article is a short and quick guide to using data attributes in JavaScript— something I wish I knew more about when I was beginning my own JavaScript journey.

What are data attributes?

Data attributes are actually HTML attributes that allow you to create and assign bespoke data points to HTML elements. They are accessible via HMTL, CSS, and JavaScript, making them a powerful choice for storing bits of information that maybe aren’t so appropriate for class lists or ids. After all, we should aim to keep class and id attributes reserved for styling purposes, otherwise, things can get very messy and confusing quickly.

Data attributes in HTML

…