آرایه ها (Arrays) در javascript

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
فهرست تاپیک:

  1. مرتب کردن عناصر یک آرایه (Array) بر حسب اندازه و یا بر حسب حروف الفبا، با روش sort در javascript
  2. نمایش علامتی دلخواه، به جای کاما (,)، در بین عناصر یک آرایه، با روش join در javascript
  3. افزودن یک عنصر جدید به یک آرایه (Array)، با روش push در javascript
  4. حذف آخرین عنصر یک آرایه (Array) و برگرداندن مقدار آن، با روش pop در javascript
  5. حذف اولین عنصر یک آرایه (Array) و برگرداندن مقدار آن، با روش shift در javascript


منبع: کلیدستان
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
مرتب کردن عناصر یک آرایه (Array) بر حسب اندازه و یا بر حسب حروف الفبا، با روش sort در javascript

مرتب کردن عناصر یک آرایه (Array) بر حسب اندازه و یا بر حسب حروف الفبا، با روش sort در javascript

با استفاده از روش sort در javascript ، می توانیم عناصر یک آرایه (Array) را بر حسب اندازه (اگر عناصر به صورت عدد باشند) و یا بر حسب حروف الفبا (اگر عناصر به صورت رشته (string) باشند)، مرتب کنیم.

فرض کنید که آرایه ای با نام myArray داریم، برای مرتب کردن عناصر آن، بر حسب اندازه (اگر عناصر به صورت عدد باشند) و یا بر حسب حروف الفبا (اگر عناصر به صورت رشته (string) باشند)، کدهای زیر را می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]myArray.[COLOR=#006633]sort[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]مثال :[/h]
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
    var myArray [COLOR=#339933]=[/COLOR] [B]new[/B] [COLOR=#003399]Array[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"tehran"[/COLOR], [COLOR=#0000FF]"yazd"[/COLOR], [COLOR=#0000FF]"shiraz"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"<br />"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    myArray.[COLOR=#006633]sort[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]    
[COLOR=#339933]</[/COLOR]script[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
از روش document.write برای چاپ مقدار عنصرهای آرایه در خروجی استفاده کرده ایم. همچنین تگ br برای رفتن به خط جدید، مورد استفاده قرار گرفته است.

[h=4]نتیجه :Untitled.jpg[/h]
[h=4]مثال :[/h]
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
    var myArray [COLOR=#339933]=[/COLOR] [B]new[/B] [COLOR=#003399]Array[/COLOR][COLOR=#009900]([/COLOR][COLOR=#CC66CC]4[/COLOR], [COLOR=#CC66CC]1[/COLOR], [COLOR=#CC66CC]3[/COLOR], [COLOR=#CC66CC]2[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"<br />"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    myArray.[COLOR=#006633]sort[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]    
[COLOR=#339933]</[/COLOR]script[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
از روش document.write برای چاپ مقدار عنصرهای آرایه در خروجی استفاده کرده ایم. همچنین تگ br برای رفتن به خط جدید، مورد استفاده قرار گرفته است.

[h=4]نتیجه :Untitled.jpg[/h]
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
نمایش علامتی دلخواه، به جای کاما (,)، در بین عناصر یک آرایه، با روش join در javascript

نمایش علامتی دلخواه، به جای کاما (,)، در بین عناصر یک آرایه، با روش join در javascript

همان طور که می دانید، زمانی که عناصر یک آرایه (Array) را در خروجی نمایش می دهیم، در بین عناصر آرایه، علامت کاما (,) نمایش داده می شود، اما شاید بخواهیم که علامتی دیگر در بین عناصر آرایه نمایش داده شود. برای این منظور، باید از روش join در javascript استفاده کنیم.

اگر آرایه مورد نظرمان دارای نام myArray باشد و بخواهیم علامت : در بین عناصر آن نمایش داده شود، کدهای زیر را می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]myArray.[COLOR=#006633]join[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]":"[/COLOR][COLOR=#009900])[/COLOR][/FONT]
[/FONT][/COLOR]
به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
    var myArray [COLOR=#339933]=[/COLOR] [B]new[/B] [COLOR=#003399]Array[/COLOR][COLOR=#009900]([/COLOR][COLOR=#CC66CC]1[/COLOR], [COLOR=#CC66CC]2[/COLOR], [COLOR=#CC66CC]3[/COLOR], [COLOR=#CC66CC]4[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"<br />"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray.[COLOR=#006633]join[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]":"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]  
[COLOR=#339933]</[/COLOR]script[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]نتیجه :Untitled.jpg[/h]
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
افزودن یک عنصر جدید به یک آرایه (Array)، با روش push در javascript

افزودن یک عنصر جدید به یک آرایه (Array)، با روش push در javascript

با استفاده از روش push در javascript ، می توانیم یک عنصر جدید را به یک آرایه (Array) اضافه کنیم.

به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
    var myArray [COLOR=#339933]=[/COLOR] [B]new[/B] [COLOR=#003399]Array[/COLOR][COLOR=#009900]([/COLOR][COLOR=#CC66CC]1[/COLOR], [COLOR=#CC66CC]2[/COLOR], [COLOR=#CC66CC]3[/COLOR], [COLOR=#CC66CC]4[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"<br />"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    myArray.[COLOR=#006633]push[/COLOR][COLOR=#009900]([/COLOR][COLOR=#CC66CC]5[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]    
[COLOR=#339933]</[/COLOR]script[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]نتیجه :Untitled.jpg[/h]
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
حذف آخرین عنصر یک آرایه (Array) و برگرداندن مقدار آن، با روش pop در javascript

حذف آخرین عنصر یک آرایه (Array) و برگرداندن مقدار آن، با روش pop در javascript

با استفاده از روش pop در javascript ، می توانیم آخرین عنصر از یک آرایه را حذف کرده و همچنین مقدار آن را فراخوانی کنیم (حذف و برگرداندن مقدار آخرین عنصر از آرایه).

به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
    var myArray [COLOR=#339933]=[/COLOR] [B]new[/B] [COLOR=#003399]Array[/COLOR][COLOR=#009900]([/COLOR][COLOR=#CC66CC]1[/COLOR], [COLOR=#CC66CC]2[/COLOR], [COLOR=#CC66CC]3[/COLOR], [COLOR=#CC66CC]4[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"<br />"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray.[COLOR=#006633]pop[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"<br />"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]    
[COLOR=#339933]</[/COLOR]script[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]نتیجه :Untitled.jpg[/h]
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
حذف اولین عنصر یک آرایه (Array) و برگرداندن مقدار آن، با روش shift در javascript

حذف اولین عنصر یک آرایه (Array) و برگرداندن مقدار آن، با روش shift در javascript

با استفاده از روش shift در javascript ، می توانیم اولین عنصر از یک آرایه را حذف کرده و همچنین مقدار آن را فراخوانی کنیم (حذف و برگرداندن مقدار آخرین عنصر از آرایه).

به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
    var myArray [COLOR=#339933]=[/COLOR] [B]new[/B] [COLOR=#003399]Array[/COLOR][COLOR=#009900]([/COLOR][COLOR=#CC66CC]1[/COLOR], [COLOR=#CC66CC]2[/COLOR], [COLOR=#CC66CC]3[/COLOR], [COLOR=#CC66CC]4[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"<br />"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray.[COLOR=#006633]shift[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"<br />"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    document.[COLOR=#006633]write[/COLOR][COLOR=#009900]([/COLOR]myArray[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]    
[COLOR=#339933]</[/COLOR]script[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]نتیجه :Untitled.jpg[/h]
 

Similar threads

بالا