هنگامی که با برنامه های جاوا اسکریپت کار می کنید، کار با آرایه ها، آرایه های تو در تو و آرایه ای از اشیا معمول است. اما بسیاری از مبتدیان گاهی اوقات با دانستن نحوه دسترسی به خصوصیات از این ساختارهای داده متفاوت مشکل دارند.

در این مقاله، نحوه دسترسی به خصوصیات از انواع آرایه ها و تحلیل چند نمونه کد را مورد بحث قرار خواهیم داد.

آرایه در جاوا اسکریپت چیست؟

آرایه نوعی ساختار داده در جاوا اسکریپت است که برای ذخیره مجموعه ای از عناصر که می توانند انواع مختلفی داشته باشند استفاده می شود.

می توانید آرایه ای از رشته ها داشته باشید، مانند این:

 const fruits = ["apple", "banana", "mango", "orange"];

می توانید آرایه ای از اعداد داشته باشید:

 const numbers = [1, 2, 3, 4, 5];

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

 const nestedArray = [ [1, 2, 3], [4, 5, 6], [7, 8, 9], ];

همچنین می توانید آرایه ای از انواع داده های ترکیبی داشته باشید:

 const mixedArray = ["apple", 1, "banana", 2, "mango", 3];

نحوه دسترسی به عناصر از یک آرایه در جاوا اسکریپت

برای دسترسی به یک عنصر از یک آرایه، نام آرایه را ارجاع می دهید و به دنبال آن یک جفت کروشه حاوی نمایه عنصری که می خواهید به آن دسترسی داشته باشید، اشاره می کنید.

در اینجا نمونه ای از دسترسی به اولین عنصر از آرایه fruits آورده شده است:

 const fruits = ["apple", "banana", "mango", "orange"]; console.log(fruits[0]); // apple

آرایه ها دارای شاخص صفر هستند، به این معنی که عنصر اول در آرایه دارای شاخص 0، عنصر دوم دارای شاخص 1 و غیره است.

اگر می خواهید به آخرین عنصر یک آرایه دسترسی داشته باشید، می توانید از طول آرایه منهای 1 استفاده کنید.

 const fruits = ["apple", "banana", "mango", "orange"]; console.log(fruits[fruits.length - 1]); // orange

گاهی اوقات وقتی با یک آرایه تودرتو از آرایه ها سر و کار دارید، ممکن است گیج کننده باشد. اما زمانی که بخواهید از یک آرایه تو در تو به عنصری دسترسی داشته باشید، نحو ثابت می ماند.

در اینجا مثالی از دسترسی به اولین عنصر از اولین آرایه در nestedArray آورده شده است:

 const nestedNumberArray = [ [1, 2, 3], [4, 5, 6], [7, 8, 9], ]; console.log(nestedNumberArray[0][0]); // 1

nestedNumberArray[0] در اینجا به این آرایه اشاره می کند:

 [1, 2, 3];

برای دسترسی به اولین عنصر از این آرایه، از یک جفت براکت مربع دیگر با نمایه عنصری که می خواهید به آن دسترسی داشته باشید استفاده می کنید.

 nestedNumberArray[0][0];

نحوه دسترسی به خواص از آرایه ای از اشیاء در جاوا اسکریپت

اغلب اوقات با آرایه ای از اشیاء در جاوا اسکریپت مواجه می شوید.

در اینجا یک مثال با مجموعه ای از توسعه دهندگان است. هر توسعه دهنده دارای نام، سن و مجموعه ای از زبان های برنامه نویسی است که می شناسد.

 const developers = [ { name: "John", age: 25, languages: ["JavaScript", "Python"] }, { name: "Kelly", age: 37, languages: ["Ruby", "Python", "C", "C++"] }, { name: "Zack", age: 45, languages: ["Go", "C#"] }, ];

اگر می خواهید به نام اولین توسعه دهنده دسترسی پیدا کنید، می توانید از دستور زیر استفاده کنید:

 console.log(developers[0].name); // John

در اینجا ما از ترکیبی از علامت نقطه و براکت برای دسترسی به ویژگی نام اولین شی توسعه دهنده در آرایه developers استفاده می کنیم.

developers[0] اولین شی توسعه دهنده است

 { name: "John", age: 25, languages: ["JavaScript", "Python"] }

سپس از علامت نقطه ( developers[0].name ) برای دسترسی به ویژگی name این شی استفاده می کنیم.

نحوه یافتن یک مقدار خاص از آرایه ای از اشیاء در جاوا اسکریپت

اگر به دنبال یک شی خاص از آرایه ای از اشیا هستیم، می توانیم از روش find استفاده کنیم. متد find اولین عنصر آرایه را برمی گرداند که تابع تست ارائه شده را برآورده می کند. اگر هیچ عنصری از آزمون عبور نکند، undefined برگردانده می شود.

در اینجا مثالی از استفاده از متد find برای آرایه ای از اعداد آورده شده است:

 const numbers = [1, 2, 3, 4, 5]; const foundNumber = numbers.find((number) => number > 3); // 4

مثال زیر به آرایه اعداد نگاه می کند و اولین عددی را که بزرگتر از 3 است برمی گرداند. در این حالت متد find عدد 4 را برمی گرداند.

می‌توانیم همین مفهوم را برای یافتن یک شی خاص از آرایه‌ای از اشیاء اعمال کنیم.

در مثال زیر، ما به دنبال شی توسعه دهنده با نام "Kelly" هستیم.

 const developers = [ { name: "John", age: 25, languages: ["JavaScript", "Python"] }, { name: "Kelly", age: 37, languages: ["Ruby", "Python", "C", "C++"] }, { name: "Zack", age: 45, languages: ["Go", "C#"] }, ]; developers.find((developer) => developer.name === "Kelly");

در این مثال، developer هر شی در آرایه را نشان می دهد. متد find از آرایه developers عبور می‌کند و اولین شی توسعه‌دهنده را که نام «کلی» دارد، برمی‌گرداند.

 { name: "Kelly", age: 37, languages: ["Ruby", "Python", "C", "C++"] }

نتیجه

امیدوارم این مقاله هنگام یادگیری در مورد آرایه ها و نحوه دسترسی به خواص از آنها مفید بوده باشد.

ما به چند نمونه از آرایه ها و همچنین نحوه دسترسی به عناصر از آرایه های تو در تو و آرایه ای از اشیا نگاه کردیم.

ما همچنین در مورد روش find و نحوه استفاده از آن برای یافتن یک شی خاص از آرایه ای از اشیاء یاد گرفتیم.

اکنون باید درک بهتری از نحوه کار با آرایه ها و اشیاء در جاوا اسکریپت داشته باشید.

کد نویسی مبارک! 🚀

خبرکاو