Post
Ask Question

Two Dimensional Array in TypeScript

2-Dimensional Array in TypeScript

 
An array is an object that contains one or more items called elements. Each of these elements can be a primitive data type or an object. For instance, you can store numbers, strings, and Date objects in the same array. A two-dimensional arras is really nothing more than an array of arrays. It is usually represented with rows and columns. Two-dimensional arrays are used to store information that we normally represent in table format. All of the data in a two-dimensional array is of the same type.
 
Example
 
The following example describes how to use a 2-dimensional array in TypeScript. This example adds two matrices i.e. computes the sum of two matrices and then prints it. The first user will be asked to enter the order of the matrix (such as the numbers of rows and columns) and then enter the elements of the two matrices. It works as follows. For example, if the user entered the order as 2, 2 then there are two rows and two columns for the two matrices as in:
 
First Matrix Elements:
 
1 3
5 7
 
Second Matrix Elements:
 
1 1
4 3
 
Then the output of the program (the sum of the First and Second matrix) will be:
 
2 4
9 10
 
To see how it works to use the following instructions.
 
Step 1
 
Open Visual Studio 2012 and click on "File" menu -> "New" -> "Project". A window is opened. Provide the name of your application, like "2_demensional_array", then click on the Ok button.
 
Step 2
 
After Step 1 your project has been created. The Solution Explorer, which is at the right side of your project, contains the js file, ts file, css file and html files.
 
Step 3
 
Add_matrix.ts
  1. class two_dimensional  
  2. {  
  3.  addmatrix()  
  4.  {  
  5.   var first: number[][] = [  
  6.    [10],  
  7.    [10]  
  8.   ];  
  9.   var second: number[][] = [  
  10.    [10],  
  11.    [10]  
  12.   ];  
  13.   var i, j, m, n;  
  14.   var sum: number[][] = [  
  15.    [10],  
  16.    [10]  
  17.   ];  
  18.   document.write("<h2>Two Dimension Array</h2><hr>");  
  19.   m = parseInt(prompt("Enter the number of Rows of Matrix"));  
  20.   n = parseInt(prompt("Enter the number of Columns of Matrix"));  
  21.   document.write("<b>1st Matrix Elements :</b>");  
  22.   for (i = 0; i < m; ++i)  
  23.   {  
  24.    for (j = 0; j < n; ++j)  
  25.    {  
  26.     first[i][j] = parseInt(prompt("Enter the element of First Matrix -> Row " + (i) + " And Coloumn " + (j)));  
  27.    }  
  28.   }  
  29.   document.write("<br><br>    ");  
  30.   for (i = 0; i < m; i++)  
  31.   {  
  32.    for (j = 0; j < n; j++)  
  33.    {  
  34.     document.write("     " + first[i][j]);  
  35.    }  
  36.    document.write("<br>    ");  
  37.   }  
  38.   document.write("<br>");  
  39.   document.write("<b>2nd matrix Elements :</b>");  
  40.   for (i = 0; i < m; i++)  
  41.   {  
  42.    for (j = 0; j < n; j++)  
  43.    {  
  44.     second[i][j] = parseInt(prompt("Enter the element of Second Matrix -> Row " + (i) + " And Coloumn " + (j)));  
  45.    }  
  46.   }  
  47.   document.write("<br><br>    ");  
  48.   for (i = 0; i < m; i++)  
  49.   {  
  50.    for (j = 0; j < n; j++)  
  51.    {  
  52.     document.write("     " + second[i][j]);  
  53.    }  
  54.    document.write("<br>    ");  
  55.   }  
  56.   for (i = 0; i < m; i++)  
  57.   {  
  58.    for (j = 0; j < n; j++)  
  59.    {  
  60.     sum[i][j] = first[i][j] + second[i][j];  
  61.    }  
  62.   }  
  63.   document.write("<br>");  
  64.   document.write("<b>Sum of Enter Matrices :</b>");  
  65.   document.write("<br><br>    ");  
  66.   for (i = 0; i < m; i++)  
  67.   {  
  68.    for (j = 0; j < n; j++)  
  69.    {  
  70.     document.write("     " + sum[i][j]);  
  71.    }  
  72.    document.write("<br>    ");  
  73.   }  
  74.  }  
  75. }  
  76. window.onload = () => {  
  77.  var matrix = new two_dimensional();  
  78.  matrix.addmatrix();  
  79. };  
Demo.html
  1. <!DOCTYPEhtml>  
  2. <htmllang="en"  
  3.     xmlns="http://www.w3.org/1999/xhtml">  
  4.     <head>  
  5.         <metacharset="utf-8"/>  
  6.         <title>2-Dimensional Array</title>  
  7.         <linkrel="stylesheet"href="app.css"type="text/css"/>  
  8.         <scriptsrc="app.js">  
  9.         </script>  
  10.     </head>  
  11.     <body>  
  12.         <h1>Add Two Matrix in TypeScript</h1>  
  13.         <divid="content"/>  
  14.     </body>  
  15. </html>  
app.js
  1. var two_dimensional = (function() {  
  2.  function two_dimensional() {}  
  3.  two_dimensional.prototype.arraysum = function() {  
  4.   var first = [  
  5.    [10],  
  6.    [10]  
  7.   ];  
  8.   var second = [  
  9.    [10],  
  10.    [10]  
  11.   ];  
  12.   var i;  
  13.   var j;  
  14.   var m;  
  15.   var n;  
  16.   var sum = [  
  17.    [10],  
  18.    [10]  
  19.   ];  
  20.   document.write("<h2>Two Dimension Array</h2><hr>");  
  21.   m = parseInt(prompt("Enter the number of Rows of Matrix"));  
  22.   n = parseInt(prompt("Enter the number of Columns of Matrix"));  
  23.   document.write("<b>1st Matrix Elements :</b>");  
  24.   for (i = 0; i < m; ++i) {  
  25.    for (j = 0; j < n; ++j) {  
  26.     first[i][j] = parseInt(prompt("Enter the element of First Matrix -> Row " + (i) + " And Coloumn " + (j)));  
  27.    }  
  28.   }  
  29.   document.write("<br><br>    ");  
  30.   for (i = 0; i < m; i++) {  
  31.    for (j = 0; j < n; j++) {  
  32.     document.write("     " + first[i][j]);  
  33.    }  
  34.    document.write("<br>    ");  
  35.   }  
  36.   document.write("<br>");  
  37.   document.write("<b>2nd matrix Elements :</b>");  
  38.   for (i = 0; i < m; i++) {  
  39.    for (j = 0; j < n; j++) {  
  40.     second[i][j] = parseInt(prompt("Enter the element of Second Matrix -> Row " + (i) + " And Coloumn " + (j)));  
  41.    }  
  42.   }  
  43.   document.write("<br><br>    ");  
  44.   for (i = 0; i < m; i++) {  
  45.    for (j = 0; j < n; j++) {  
  46.     document.write("     " + second[i][j]);  
  47.    }  
  48.    document.write("<br>    ");  
  49.   }  
  50.   for (i = 0; i < m; i++) {  
  51.    for (j = 0; j < n; j++) {  
  52.     sum[i][j] = first[i][j] + second[i][j];  
  53.    }  
  54.   }  
  55.   document.write("<br>");  
  56.   document.write("<b>Sum of Enter Matrices :</b>");  
  57.   document.write("<br><br>    ");  
  58.   for (i = 0; i < m; i++) {  
  59.    for (j = 0; j < n; j++) {  
  60.     document.write("     " + sum[i][j]);  
  61.    }  
  62.    document.write("<br>    ");  
  63.   }  
  64.  };  
  65.  return two_dimensional;  
  66. })();  
  67. window.onload = function() {  
  68.  var matrix = new two_dimensional();  
  69.  matrix.arraysum();  
  70. };  
Output 1
 
Enter the number of rows.
 
enter-row.jpg
 
Enter the number of columns.
 
enter-column.jpg
 
Output 2
 
Enter the elements of the First Matrix.
 
first-matrix-element-1.jpg
 
first-matrix-element-2.jpg
 
first-matrix-element-3.jpg
 
first-matrix-element-4.jpg
 
Output 3
 
Then enter the elements of the Second Matrix.
 
second-matrix-element-1.jpg
 
second-matrix-element-2.jpg
 
second-matrix-element-3.jpg
 
second-matrix-element-4.jpg
 
Then click on Ok.
 
Output 4
 
The sum of the specified matrices is:
 
final-result.jpg


Similar Articles