Encode a URL Using JavaScript Function

Shubham Vora
Updated on 23-Aug-2022 09:12:46

2K+ Views

As we know, a URL is a web address. What is URL encodingand why do we need to encode a URL? The process of turning a string into an accurateURL format is known as URL encoding. A valid URL format only uses "alpha | digit | safe | extra | escape" characters. Only a limited selection of the normal 128 ASCII characters is permitted in URLs. It is required to encrypt reserved characters that are not part of this set. The reliability and security of the URLs are increased with URL encoding. Each character that needs to be URL-encoded is ... Read More

Case Insensitive String Comparison in JavaScript

Shubham Vora
Updated on 23-Aug-2022 09:10:37

1K+ Views

In this tutorial, we will learn how to do a case-insensitive string comparison of strings in JavaScript. Case in-sensitive simply means the word or string should mean the same even if they are written in lower or upper case. In this kind of case in-sensitive comparison is observed in the google search bar, wherein if the user type “tUtoriAlsPOint” or “Tutorialspoint” the results are the same, similarly it is used in search bar too. There are 4 ways to do this, toUpperCase() toLowerCase() localeCompare() RegExp() Using the toUpperCase() Method When we use the toUpperCase() method on a string, ... Read More

Basic Maths with JavaScript Operators

Shubham Vora
Updated on 23-Aug-2022 09:05:28

313 Views

In this guide, we will explain the different methods to do basic maths with JavaScript operators. While creating any website, application, or game, you might have to show the calculated results, whether the number shows the subscriber count or the points of the user. Hence, learning how to add, subtract, and multiply using different data types in JavaScript is important. Using (+) Operator for Addition in JavaScript The binary operator to do basic maths in JavaScript is straightforward. However, the process can become a bit complex when you have to get the number as the output. This method will teach ... Read More

Determine if JavaScript Object is an Event

Shubham Vora
Updated on 23-Aug-2022 08:49:40

2K+ Views

Let us first understand what is JavaScript objects and JavaScript events. An object in JavaScript is a distinct entity having properties and a type. For an instance, contrast it with a bowl. A bowl is an object with some properties. The properties are design, color, material, weight, etc. Like this, JavaScript object also has some properties. An independent entity known as a JavaScript object can store numerous values as its properties and methods. While a method represents a function, an object property maintains a literal value. Either the object literal or the object function object() { [native code] } syntax ... Read More

Add Lifecycle Methods to a Class in ReactJS

Huda Sameer
Updated on 23-Aug-2022 08:49:34

302 Views

Every component in React has a lifecycle that incorporates several phases. Programmers usually think of this lifecycle as the component’s ‘lifetime’. The components experience the following events: Mounting, Updating, Unmounting, and Error handling. Mounting refers to the procedure of adding nodes and updating requires programmers to alter and change these nodes in the DOM. Unmounting, on the other hand, removes nodes and error handling tracks your code to ensure it works and is bug-free. These occurrences can be compared to a component's birth, development, and eventual demise. You can override multiple lifecycle methods in each React lifecycle phase to execute ... Read More

Embed JavaScript Expressions into JSX

Geetu Magoo
Updated on 23-Aug-2022 08:39:05

856 Views

JSX is an extension used to easily create templates in ReactJS, a prominent framework of Javascript. Similar to how Javascript files are saved under the extension .js, React files are saved under the extension. jsx. With JSX, programmers can write HTML code in React and easily render the elements in the React DOM without needing additional methods or functions. What's more? JSX was created with the intention of easily converting HTML elements into React elements. In fact, JSX is beneficial for all sorts of programmers due to the fact that it’s faster than conventional Javascript. Developers can also design UI ... Read More

What is an Anonymous Function in JavaScript

Arnab Chakraborty
Updated on 23-Aug-2022 08:13:53

2K+ Views

Like other advanced languages, JavaScript also supports anonymous functions. From the word anonymous, it is clear that when a function has no identifier or no name, that function is called an anonymous function. The only difference between anonymous function and normal function is that normal function has names but anonymous functions do not have any Additionally, anonymous functions are used for simpler and shorter applications which are easier to maintain. In this article, we shall cover what is an anonymous function in JavaScript, how we can use them, their syntax and basic usage as well as advantages and limitations. ... Read More

Syntax to Define Enums in JavaScript

Arnab Chakraborty
Updated on 23-Aug-2022 08:09:44

15K+ Views

Enums or Enumerated types are special data types that set variables as a set of predefined constants. In other languages enumerated data types are provided to use in this application. Javascript does not have enum types directly in it, but we can implement similar types like enums through javascript. In this article, we shall cover the syntaxes and uses to define enumerated types in javascript. Below the syntax is given to show a basic implementation of enums in javascript, we can define an object to encapsulate the enumerated type, and assign keys for each enum value. Syntax const EnumType ... Read More

JavaScript Version of Sleep

Arnab Chakraborty
Updated on 23-Aug-2022 07:59:27

812 Views

Sometimes we perform certain tasks in any language by maintaining a time delay. For instance, we are making a timer application that will update each second. In such cases, we wait for a second and update the second timer one by one. We also call this delay or sleep().In some other languages like Java, there is a sleep() function that is used to wait for some time. In this article, we shall see what is the equivalent method of sleep in javascript. Let us follow the syntaxes for delay generation Syntax (Defining a function) function sleep(t: the time in ... Read More

Pretty Print JSON Using JavaScript

Arnab Chakraborty
Updated on 23-Aug-2022 07:54:16

990 Views

Java Script Object Notation is one of the many standard formats to store data in different many applications. JavaScript objects can also be stored in a file in this JSON format. In this article, we will cover a few methods to print the JSON objects in a pretty method. Let us see this as an example. We are creating an object in javascript before − Example (Creating Javascript Object)

Advertisements