Found 33676 Articles for Programming

How to use the readonly keyword in TypeScript?

Shubham Vora
Updated on 20-Jan-2023 18:03:30

371 Views

We will learn to use the readonly keyword in TypeScript. The readonly keyword allows developers to make class properties and members read-only, and we can’t edit the value of the read-only properties. It works the same as the const keyword, but the const keyword is used for the variables, and the readonly keyword is used with the class member properties. Also, we can’t assign the values to the const variables after initializing them. Still, we can assign the values to the read-only properties inside the class constructor, and we can’t modify them after assigning them once. Syntax Users can follow ... Read More

How to make object properties immutable in TypeScript?

Shubham Vora
Updated on 20-Jan-2023 18:00:22

3K+ Views

The simple definition of the immutable object property is the properties we can’t modify once we define and initialize the object property. We can use the const keyword, but we have to initialize the property while creating the property. So, we have to use the readonly keyword to make the property immutable, allowing it to be read-only. So, once we initialize the property, we can’t modify the value of the property. Syntax Users can follow the syntax below to use the readonly keyword to make object properties immutable. interface test { readonly property1: boolean; } var object: ... Read More

How to create a stack in TypeScript using an array?

Shubham Vora
Updated on 20-Jan-2023 17:37:03

3K+ Views

The stack is a data structure based on the LIFO, which means last in, first out. In brief, it says that whatever element you add at last in the stack comes out first from the stack. There are some basic operations that users can perform on the stack. For example, we can push an element to the stack, pop an element from the stack, or peek an element from the stack. Here, users can see the basic methods of the stack, which we will also implement while creating the stack in this tutorial. Stack Methods Push() − It allows ... Read More

How to create a queue in TypeScript using an array?

Shubham Vora
Updated on 20-Jan-2023 16:38:02

3K+ Views

We will learn to create a queue from scratch using the array in TypeScript in this tutorial. The Queue is a data structure allowing users to add elements from the end and remove them from the start. It means it works based on the FIFO concept, meaning first in, first out. Also, we can’t remove the element randomly from the queue like an array. We can only remove elements from the first index and add them to the last empty index. Here, we will use some concepts of object-oriented programming language to create a queue using an array. Methods of ... Read More

What is parameter destructuring in TypeScript?

Shubham Vora
Updated on 20-Jan-2023 17:00:13

8K+ Views

In TypeScript, parameter destructuring is unpacking the argument object into separate parameter variables. For example, suppose we have passed the object with multiple properties as an argument of any function. In that case, we can destructure the object in the parameter and access all required properties of the object in a separate variable. However, we can destructure the object properties or array passed as an argument of the function. Also, we have to define the type of every parameter using type annotation in TypeScript while destructuring the parameters. So it might not be very clear for beginners. In this tutorial, ... Read More

Tackling recursion (not just) in Typescript

Shubham Vora
Updated on 20-Jan-2023 16:32:53

4K+ Views

Recursion is a fundamental programming concept that refers to a function calling itself. It can be a powerful tool for solving problems, but it can also be a source of confusion and frustration, especially for beginners. In this tutorial, we'll explore how to use recursion effectively in TypeScript, a popular superset of JavaScript that adds optional static typing and other features. One important thing to keep in mind when working with recursion is to define a base case, which is a condition that stops the function from calling itself again. Without a base case, the function will keep calling itself ... Read More

How to Use Associative Array in TypeScript?

Shubham Vora
Updated on 20-Jan-2023 16:27:09

13K+ Views

An object with one or more elements is known as an array. Each of these components can be an object or a simple data type. For example, you can put dates, strings, and numbers in the same array. Information can also be stored using associative arrays. An array that employs strings as indexes is known as an associative array. You can create a mixed array that uses numeric and string indexes within a single array. The length of an array will only reflect the number of entries with numeric indexes if it has both numeric and string indexes. In terms ... Read More

How to create a two-dimensional array in TypeScript?

Shubham Vora
Updated on 20-Jan-2023 16:24:59

12K+ Views

A two-dimensional array in TypeScript is an array of arrays, or a matrix, which can be used to represent a table of data, a chess board, or any other type of grid. Two-dimensional arrays are useful when working with a data grid, such as a table or a chessboard. They allow you to store and manipulate data in a structured way and access elements using a pair of indices. Create a two-dimensional array To create a two-dimensional array in TypeScript, users can use an array literal with the desired dimensions, like this − Syntax Users can follow the syntax below ... Read More

How to create function overload in TypeScript?

Shubham Vora
Updated on 20-Jan-2023 16:23:20

1K+ Views

The function or method overloading allows developers to create multiple functions with the same name. Every function contains the same number of parameters but different data types. Also, the return type of the overloaded function can vary. Function overloading is the concept of object-oriented programming. Also, TypeScript supports OOPS, so we can easily implement function overloading in TypeScript. Furthermore, function overloading provides code reusability and helps developers to increase code readability. Let’s understand the use of function overloading via real-life examples. For example, you have created a function that takes a string as a parameter and returns the length of ... Read More

Dynamic Date Populate in TypeScript

Shubham Vora
Updated on 20-Jan-2023 16:21:17

1K+ Views

TypeScript is a strongly typed, object-oriented programming language that enables developers to write code that is cleaner and easier to understand. The dynamic date population theory in TypeScript is that a JavaScript application can automatically populate a calendar, list, or other types of display with the current Date, time, or other dynamic information. This allows developers to create user interfaces that automatically display the current Date, time, or other dynamic information without manually entering the data. This can be especially useful for applications requiring frequent updates or user interaction. To dynamically populate a date in TypeScript, developers can use the ... Read More

Advertisements