WEB-FAMILY.IR
WEB-FAMILY.IR
خواندن ۱ دقیقه·۶ سال پیش

همه چیز درباره آرایه ها در زبان جاوا اسکریپت - قسمت 2

قسمت یک : همه چیز درباره آرایه ها در زبان جاوا اسکریپت - قسمت 1



Arrays in JavaScript - part 2
Arrays in JavaScript - part 2

شما می تونید هر چیزی رو در آرایه ذخیره کنید مثل: « رشته ها، اعداد، objects و .... » ولی برای این که کدتون کارایی یا به دیگر سخن دارای بهترین performance باشد پیشنهاد می کنم که آیتم های درون یک آرایه دارای یک نوع دیتا تایپ(data type) باشند. برای مثال : « آرایه ای از اعداد، یا آرایه ای که تنها شامل رشته های متنی است » و اگر می خواهید داده هایی با دیتا تایپ مختلف ذخیره کنید از object استفاده کنید:

let languages = ['Spanish', 'Persian', 'English'];

ما به وسیله ایندکس هر آیتم می تونیم به اون دسترسی داشته باشیم :

console.log(languages[0]); // Outputs 'Spanish' console.log(languages[2]); // Outputs 'English'; console.log(languages[10]); // Outputs 'undefined' // چون ایندکس مورد نظر وجود ندارد مقدار تعریف نشده لاگ می شود.
ساختار آرایه
ساختار آرایه


ازافه کردن آیتم به آرایه

  • اضافه کردن آیتم به انتهای آرایه(متد push):

برای اضافه کردن یک آیتم به انتهای یک آرایه می توانید از متود push استفاده کنید:

languages.push("French"); console.log(languages); // ["Spanish", "Persian", "English", "French"]

توجه : متود push آرایه را تغییر ( mutate ) می دهد. برای اطلاع بیشتر این مطلب را بخوانید :

https://lorenstewart.me/2017/01/22/javascript-array-methods-mutating-vs-non-mutating/

اگر می خواهید چند آیتم را به انتهای آرایه ازافه کنید، فقط لازم است آنها را به متود push پاس داده و هر آیتم را با یک ( , ) جدا کنید :

languages.push("Japanease",'Turkish',''German"); console.log(languages); // ["Spanish", "Persian", "English", "French","Japanese",'Turkish',''German"]

همچنین برای حذف آخرین عضو یک آرایه می توانید از متود pop استفاده کنید.


https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-3-iil5bvjb51b1

منبع انگلسی : لینک

ترجمه : وب فمیلی با اندکی تغییر

آموزش جاوا اسکریپتآرایه هاjsجاوا اسکریپت
سایت وب فمیلی | آموزش طراحی وب : CSS و جاوااسکریپت و ... و زبان برنامه نویسی PHP , وردپرس و لاراول
انتشارات تخصصی زبان برنامه نویسی جاوااسکریپت و تکنولوژی‌های Front-end
شاید از این پست‌ها خوشتان بیاید