JavaScript Archives - Huong Dan Java

Convert one object list to another in Typescript

Suppose I have a list of student information as follows:

const students: Student[] = [
  { id: "1", name: "Khanh" },
  { id: "2", name: "Quan" },
];

const students: Student[] = [

{ id: "1", name: "Khanh" },

{ id: "2", name: "Quan" },

];

with the Student class with the following content:

interface Student {
  id: string;
  name: string;
}

interface Student {

id: string;

name: string;

}

If I now define another class StudentInfo that also contains student information with more information about the class as follows:

interface StudentInfo {
  id: string;
  studentName: string;
  className: string;
}

interface StudentInfo {

id: string;

studentName: string;

className: string;

}

To convert the list… Read More

Convert JSON data list string to object list in TypeScript

4 months ago by Khanh NguyenJavaScript

To convert a JSON data list string to a list of objects in TypeScript, you can use the parse() method of the JSON object. For example, I have a list of classes returned from the backend as a GraphQL response as follows:

const response: any = `{
    "data": {
        "clazzes": [
            {
                "id": "1",
                "name": "A1"
            },
            {
                "id": "2",
                "name": "A2"
            },
            {
                "id": "3",
                "name": "B1"
            },
            {
                "id": "4",
                "name": "B2"
            }
        ]
    }
}`;

const response: any = `{

"data": {

"clazzes": [

{

"id": "1",

"name": "A1"

{

"id": "2",

"name": "A2"

{

"id": "3",

"name": "B1"

{

"id": "4",

"name": "B2"

}

]

}

}`;

On the… Read More

Update NodeJS on macOS

10 months ago by Khanh NguyenJavaScript

To update NodeJS on macOS, you can use a tool called “n” which is installed using Node Package Manager. How is it in detail? Let’s find out together in this tutorial! First, please check the current version of NodeJS on your machine using the command:… Read More

Update Node Package Manager on macOS

10 months ago by Khanh NguyenJavaScript

In this tutorial, I will show you how to update Node Package Manager (NPM) to the latest version of this tool on macOS! You can use the command npm -v to check the current version of NPM installed on your machine. Currently, the NPM version… Read More

Start an HTTP server using NodeJS’s http module

1 year ago by Khanh NguyenJavaScript

In this tutorial, I will show you how to start an HTTP server using a very popular NodeJS module, the http module. First, I will create a new NodeJS project as an example: In the above steps to create a NodeJS project, there is a… Read More

Introduction to Socket.IO

2 years ago by Khanh NguyenJavaScript

Socket.IO is a library that makes us possible to implement a 2-way communication channel between client and server with low latency based on events. We can use Socket.IO to implement a WebSocket server. Originally Socket.IO was written in JavaScript but some other languages are also… Read More

Introduction about unit testing in Angular

4 years ago by Khanh NguyenJavaScript

When developing an application that uses any programming language, it is important to ensure that our code is written exactly as we want, even if the code is wrong in business logic. To do this, we must have unit test for our code. In this… Read More

Interpolation directive in Angular

4 years ago by Khanh NguyenJavaScript

When creating any new Angular project, you’ll see the default in the app.component.html file, thing, which in the tutorial about Angular’s Component I call it placeholder {{title}}, actually its name must be the Interpolation directive, which is used to display the data from the Component… Read More

Install Node.js on Window

4 years ago by Khanh NguyenJavaScript

I have guided you how to install Node.js on macOS in the previous tutorial. In this tutorial, I will guide you to install it in the Windows environment! First, you need to go to the address https://nodejs.org/en/download/ to download the latest version of Node.js. Then… Read More

Overview about Routing in Angular

5 years ago by Khanh NguyenJavaScript

Routing is a way for us to move between pages in a web application. In this tutorial, I will guide you all how we routing in Angular. First, I will create an Angular project as an example: Run the application, you will see the results… Read More

Ads Blocker Detected!!!