logo

מערכי TypeScript

מערך הוא אוסף הומוגני של אלמנטים מסוג דומה שיש להם מיקום זיכרון רציף.

מערך הוא סוג נתונים המוגדר על ידי המשתמש.

מערך הוא סוג של מבנה נתונים שבו אנו מאחסנים את האלמנטים של סוג נתונים דומה. במערך, אנו יכולים לאחסן רק קבוצה קבועה של אלמנטים. אנחנו יכולים להשתמש בו גם כאובייקט.

המערך הוא אחסון מבוסס אינדקס, כאשר האלמנט הראשון מאוחסן באינדקס 0. המבנה למטה עוזר להבין את המבנה של מערך.

מערכי TypeScript

מאפיינים של מערך

  1. מערך מאחסן אלמנטים בעלי אותו סוג נתונים.
  2. רכיבי מערך המאוחסנים במיקומי זיכרון רציפים.
  3. האחסון של רכיבי מערך דו-ממדיים הוא שורה אחר שורה במיקום זיכרון רציף.
  4. שם המערך מייצג את הכתובת של האלמנט ההתחלתי.
  5. יש לאתחל את גודלו של מערך בזמן ההכרזה.
  6. גודל המערך צריך להיות ביטוי קבוע ולא משתנה.
  7. אנו יכולים לאחזר רכיבי מערך על ידי ציון ערך האינדקס המתאים של האלמנט.

יתרון

אופטימיזציה של קוד: מערך עוזר להפוך את הקוד למיטוב, מה שמגביר את המהירות והביצועים של התוכנית. זה מאפשר לנו לאחזר או למיין את נתוני המערך בצורה יעילה יותר.

גישה אקראית: הוא מספק את היכולת לגשת לכל נתון של מערך בזמן קבוע (ללא תלות במיקומו ובגודלו). לפיכך, אנו יכולים לקבל כל נתון של מערך הממוקם בכל מיקום אינדקס ישירות.

חִסָרוֹן

מגבלת גודל: מערך מאפשר לנו לאחסן רק את המספר הקבוע של האלמנטים. לאחר הכרזת המערך, לא נוכל לשנות את גודלו. מכאן שאם נרצה להכניס יותר אלמנט ממה שהוצהר, זה לא אפשרי.

הצהרת מערך

בדיוק כמו JavaScript, גם TypeScript תומך במערכים. ישנן שתי דרכים להכריז על מערך:

1. שימוש בסוגריים מרובעים.

 let array_name[:datatype] = [val1,val2,valn..] 

דוגמא:

 let fruits: string[] = ['Apple', 'Orange', 'Banana']; 

2. שימוש בסוג מערך גנרי.

javac אינו מזוהה
 let array_name: Array = [val1,val2,valn..] 

דוגמא:

 let fruits: Array = ['Apple', 'Orange', 'Banana']; 

סוגי המערך ב-TypeScript

ישנם שני סוגים של מערך:

  1. מערך חד מימדי
  2. מערך רב מימדי
מערכי TypeScript

מערך חד מימדי

מערך חד-ממדי הוא סוג של מערך ליניארי, המכיל רק שורה אחת לאחסון נתונים. יש לו קבוצה אחת של סוגריים מרובעים ('[]'). אנו יכולים לגשת לאלמנטים שלו באמצעות אינדקס שורה או עמודה.

תחביר

 let array_name[:datatype]; 

אִתחוּל

 array_name = [val1,val2,valn..] 

דוגמא

 let arr:number[]; arr = [1, 2, 3, 4] console.log('Array[0]: ' +arr[0]); console.log('Array[1]: ' +arr[1]); 

תְפוּקָה:

 Array[0]: 1 Array[1]: 2 

מערך רב מימדי

מערך רב מימדי הוא מערך המכיל מערך אחד או יותר. במערך הרב-ממדי, הנתונים מאוחסנים באינדקס מבוסס שורה ועמודות (הידוע גם כצורת מטריצה). מערך דו מימדי (מערך דו מימדי) הוא הצורה הפשוטה ביותר של מערך רב מימדי.

מערכי TypeScript

תחביר

 let arr_name:datatype[][] = [ [a1,a2,a3], [b1,b2,b3] ]; 

אִתחוּל

 let arr_name:datatype[initial_array_index][referenced_array_index] = [ [val1,val2,val 3], [v1,v2,v3]]; 

דוגמא

 var mArray:number[][] = [[1,2,3],[5,6,7]] ; console.log(mArray[0][0]); console.log(mArray[0][1]); console.log(mArray[0][2]); console.log(); console.log(mArray[1][0]); console.log(mArray[1][1]); console.log(mArray[1][2]); 

תְפוּקָה:

 1 2 3 5 6 7 

אובייקט מערך

אובייקטי מערך מאפשרים לנו לאחסן מספר ערכים במשתנה בודד. אנו יכולים ליצור מערך באמצעות האובייקט Array. הבנאי Array משמש להעברת הארגומנטים הבאים ליצירת מערך.

  • ערך מספרי המייצג את הגודל של מערך או
  • רשימה של ערכים מופרדים בפסיקים.

תחביר

 let arr_name:datatype[] = new Array(values); 

דוגמא

 //array by using the Array object. let arr:string[] = new Array(&apos;JavaTpoint&apos;,&apos;2200&apos;,&apos;Java&apos;,&apos;Abhishek&apos;); for(var i = 0;i <arr.length;i++) { console.log(arr[i]); } < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2200 Java Abhishek </pre> <h3>Array Traversal by using a for...in loop</h3> <p> <strong>Example</strong> </p> <pre> let i:any; let arr:string[] = [&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;]; for(i in arr) { console.log(arr[i]) } </pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <h3>Passing Arrays to Functions</h3> <p>We can pass arrays to functions by specifying the array name without an index.</p> <p> <strong>Example</strong> </p> <pre> let arr:string[] = new Array(&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;); //Passing arrays in function function display(arr_values:string[]) { for(let i = 0;i <arr_values.length;i++) { console.log(arr[i]); } calling arrays in function display(arr); < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <hr> <h2>TypeScript Spread operator</h2> <p>The spread operator is used to initialize arrays and objects from another array or object. We can also use it for object de-structuring. It is a part of the ES 6 version.</p> <p> <strong>Example</strong> </p> <pre> let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +mergedArray); </pre> <p> <strong>Output:</strong> </p> <pre> CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 </pre> <hr> <h2>Array Methods</h2> <p>The list of array methods with their description is given below.</p> <table class="table"> <tr> <th>SN</th> <th>Method</th> <th>Description</th> </tr> <tr> <td>1.</td> <td>concat()</td> <td>It is used to joins two arrays and returns the combined result.</td> </tr> <tr> <td>2.</td> <td>copyWithin()</td> <td>It copies a sequence of an element within the array.</td> </tr> <tr> <td>3.</td> <td>every()</td> <td>It returns true if every element in the array satisfies the provided testing function.</td> </tr> <tr> <td>4.</td> <td>fill()</td> <td>It fills an array with a static value from the specified start to end index.</td> </tr> <tr> <td>5.</td> <td>indexOf()</td> <td>It returns the index of the matching element in the array, otherwise -1.</td> </tr> <tr> <td>6.</td> <td>includes()</td> <td>It is used to check whether the array contains a certain element or not.</td> </tr> <tr> <td>7.</td> <td>Join()</td> <td>It is used to joins all elements of an array into a string.</td> </tr> <tr> <td>8.</td> <td>lastIndexOf()</td> <td>It returns the last index of an element in the array.</td> </tr> <tr> <td>9.</td> <td>Pop()</td> <td>It is used to removes the last elements of the array.</td> </tr> <tr> <td>10.</td> <td>Push()</td> <td>It is used to add new elements to the array.</td> </tr> <tr> <td>11.</td> <td>reverse()</td> <td>It is used to reverse the order of an element in the array.</td> </tr> <tr> <td>12.</td> <td>Shift()</td> <td>It is used to removes and returns the first element of an array.</td> </tr> <tr> <td>13.</td> <td>slice()</td> <td>It returns the section fo an array in the new array.</td> </tr> <tr> <td>14.</td> <td>sort()</td> <td>It is used to sort the elements of an array.</td> </tr> <tr> <td>15.</td> <td>splice()</td> <td>It is used to add or remove the elements from an array.</td> </tr> <tr> <td>16.</td> <td>toString()</td> <td>It returns the string representation of an array.</td> </tr> <tr> <td>17.</td> <td>unshift()</td> <td>It is used to add one or more elements to the beginning of an array.</td> </tr> </table></arr_values.length;i++)></pre></arr.length;i++)>

חצת מערך באמצעות לולאה for...in

דוגמא

 let i:any; let arr:string[] = [&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;]; for(i in arr) { console.log(arr[i]) } 

תְפוּקָה:

 JavaTpoint 2300 Java Abhishek 

העברת מערכים לפונקציות

אנו יכולים להעביר מערכים לפונקציות על ידי ציון שם המערך ללא אינדקס.

דוגמא

string compare ב-java
 let arr:string[] = new Array(&apos;JavaTpoint&apos;, &apos;2300&apos;, &apos;Java&apos;, &apos;Abhishek&apos;); //Passing arrays in function function display(arr_values:string[]) { for(let i = 0;i <arr_values.length;i++) { console.log(arr[i]); } calling arrays in function display(arr); < pre> <p> <strong>Output:</strong> </p> <pre> JavaTpoint 2300 Java Abhishek </pre> <hr> <h2>TypeScript Spread operator</h2> <p>The spread operator is used to initialize arrays and objects from another array or object. We can also use it for object de-structuring. It is a part of the ES 6 version.</p> <p> <strong>Example</strong> </p> <pre> let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +mergedArray); </pre> <p> <strong>Output:</strong> </p> <pre> CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 </pre> <hr> <h2>Array Methods</h2> <p>The list of array methods with their description is given below.</p> <table class="table"> <tr> <th>SN</th> <th>Method</th> <th>Description</th> </tr> <tr> <td>1.</td> <td>concat()</td> <td>It is used to joins two arrays and returns the combined result.</td> </tr> <tr> <td>2.</td> <td>copyWithin()</td> <td>It copies a sequence of an element within the array.</td> </tr> <tr> <td>3.</td> <td>every()</td> <td>It returns true if every element in the array satisfies the provided testing function.</td> </tr> <tr> <td>4.</td> <td>fill()</td> <td>It fills an array with a static value from the specified start to end index.</td> </tr> <tr> <td>5.</td> <td>indexOf()</td> <td>It returns the index of the matching element in the array, otherwise -1.</td> </tr> <tr> <td>6.</td> <td>includes()</td> <td>It is used to check whether the array contains a certain element or not.</td> </tr> <tr> <td>7.</td> <td>Join()</td> <td>It is used to joins all elements of an array into a string.</td> </tr> <tr> <td>8.</td> <td>lastIndexOf()</td> <td>It returns the last index of an element in the array.</td> </tr> <tr> <td>9.</td> <td>Pop()</td> <td>It is used to removes the last elements of the array.</td> </tr> <tr> <td>10.</td> <td>Push()</td> <td>It is used to add new elements to the array.</td> </tr> <tr> <td>11.</td> <td>reverse()</td> <td>It is used to reverse the order of an element in the array.</td> </tr> <tr> <td>12.</td> <td>Shift()</td> <td>It is used to removes and returns the first element of an array.</td> </tr> <tr> <td>13.</td> <td>slice()</td> <td>It returns the section fo an array in the new array.</td> </tr> <tr> <td>14.</td> <td>sort()</td> <td>It is used to sort the elements of an array.</td> </tr> <tr> <td>15.</td> <td>splice()</td> <td>It is used to add or remove the elements from an array.</td> </tr> <tr> <td>16.</td> <td>toString()</td> <td>It returns the string representation of an array.</td> </tr> <tr> <td>17.</td> <td>unshift()</td> <td>It is used to add one or more elements to the beginning of an array.</td> </tr> </table></arr_values.length;i++)>

אופרטור TypeScript Spread

אופרטור ההתפשטות משמש לאתחול מערכים ואובייקטים ממערך או אובייקט אחר. אנחנו יכולים להשתמש בו גם לביטול מבנה של אובייקטים. זה חלק מגרסת ES 6.

דוגמא

 let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log(&apos;CopiedArray: &apos; +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log(&apos;NewArray: &apos; +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log(&apos;MergedArray: &apos; +mergedArray); 

תְפוּקָה:

 CopiedArray: 1,2,3 NewArray: 1,2,3,7,8 MergedArray: 1,2,3,4,5,6 

שיטות מערך

רשימת שיטות המערך עם התיאור שלהן ניתנת להלן.

SN שיטה תיאור
1. concat() הוא משמש לחיבור שני מערכים ומחזיר את התוצאה המשולבת.
2. copyWithin() הוא מעתיק רצף של אלמנט בתוך המערך.
3. כֹּל() זה מחזיר אמת אם כל רכיב במערך עומד בפונקציית הבדיקה שסופקה.
4. למלא() הוא ממלא מערך בערך סטטי מאינדקס ההתחלה ועד הסוף שצוין.
5. אינדקס של() הוא מחזיר את האינדקס של האלמנט התואם במערך, אחרת -1.
6. כולל() הוא משמש כדי לבדוק אם המערך מכיל אלמנט מסוים או לא.
7. לְהִצְטַרֵף() הוא משמש לחיבור כל הרכיבים של מערך למחרוזת.
8. lastIndexOf() הוא מחזיר את האינדקס האחרון של אלמנט במערך.
9. פּוֹפּ() הוא משמש להסרת האלמנטים האחרונים של המערך.
10. לִדחוֹף() הוא משמש להוספת אלמנטים חדשים למערך.
אחד עשר. לַהֲפוֹך() הוא משמש כדי להפוך את הסדר של אלמנט במערך.
12. מִשׁמֶרֶת() הוא משמש כדי להסיר ולהחזיר את האלמנט הראשון של מערך.
13. פרוסה() זה מחזיר את הקטע של מערך במערך החדש.
14. סוג() הוא משמש למיון האלמנטים של מערך.
חֲמֵשׁ עֶשׂרֵה. אִחוּי() הוא משמש כדי להוסיף או להסיר את האלמנטים ממערך.
16. toString() הוא מחזיר את ייצוג המחרוזת של מערך.
17. unshift() הוא משמש להוספת אלמנט אחד או יותר לתחילת מערך.