JavaScript – Page 7 – End Your If

Add Function to Prototype with Javascript

In some of my more recent posts about How to compare arrays in Javascript and Format Numbers as Currency with Javascript I have been enjoying adding them as extension methods to simplify their usage.

Honestly, I’ve always been afraid to do it because it seems “hard”. Now that I’ve done it once though, it is now becoming second nature. I really can’t believe I haven’t done this before because I absolutely love adding string extensions when I developer with C#.

Let’s take a look at some code to add a function with prototype using Javascript. In this first example I will add it to the Javascript Array Prototype:

(more…)

June 26, 2022

JavaScript String replace()

Table of contents:

Introduction to the JavaScript String replace() method
Replace the first occurrence in a string
Using regular expressions to Replace all occurrences of a string
Replace a string case insensitive without considering uppercase/lowercase
Replace multiple strings using a regular expression

(more…)

June 25, 2022

Preview an image before it is uploaded

This is something I haven’t really thought of before, typically when I implement a file upload for an image the preview happens after. However, there is actually a really simple way to get a preview of it before the actual upload happens to the server. Let’s take a look at an example.

(more…)

June 19, 2022

Sort array of objects by any property value using Javascript

Javascript contains a built-in array method to sort simple arrays. But I rarely am using simple JavaScript arrays, typically the elements inside my array a complex objects with many different properties. A simple example is a person that perhaps contains a first name, last name, and age. I can see myself wanting to sort by any one of those properties. So how can I sort a JavaScript array that contains complex objects and better yet, not hard-coded and dynamically by any property of my object.

(more…)

June 17, 2022

How to randomize (shuffle) a JavaScript array

I have rarely wanted to randomize an array with Javascript; however, whenever I do I forget how to do it. Today that day changes, I’m going to write it down to both help my memory as well as have an easy place to find it in the future. Alright, let’s look at a simple solution to randomizing or shuffling a Javascript array.

(more…)

June 17, 2022

Category: JavaScript

Add Function to Prototype with Javascript

JavaScript String replace()

Preview an image before it is uploaded

Sort array of objects by any property value using Javascript

How to randomize (shuffle) a JavaScript array