برنامه نویسی

درک آرایه های جاوا اسکریپت – انجمن DEV

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

بیایید با استفاده از مثال‌های ساده و موارد کاربردی عملی، آرایه‌ها را مرحله به مرحله تجزیه کنیم. 🚀

📖 آرایه چیست؟

آرایه یک متغیر خاص است که می تواند بیش از یک مقدار را در خود جای دهد.

❓ چگونه یک آرایه ایجاد کنیم؟
با استفاده از یک آرایه تحت اللفظی ساده ترین راه برای ایجاد یک آرایه جاوا اسکریپت است.
⭐ نحو:

 const array_name = [value1, value2, ...];       
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

📌 مثال:

const languages = ["JavaScript", "PHP", "Python"];
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

✍️ توضیح:

  • languages یک آرایه است.
  • دارای سه مقدار است: "JavaScript"، "PHP"، و "Python".
  • هر مقدار دارای یک موقعیت است (به نام شاخص).

💡 درک شاخص آرایه
شاخص های آرایه از شروع می شوند 0. در اینجا نحوه دسترسی به عناصر آمده است:

console.log(languages[0]); // Output: JavaScript
console.log(languages[1]); // Output: PHP
console.log(languages[2]); // Output: Python
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

🔁 تکرار در یک آرایه

می توانید از حلقه ها برای عبور از تمام عناصر یک آرایه استفاده کنید. را forEach() روش آسان و مبتدی پسند است.
📌 مثال:

languages.forEach(function(language, index) {
  console.log(index +" => "+ language);
});
/* Output:
0 => JavaScript
1 => PHP
2 => Python
*/
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

🌟 روش ها و ویژگی های آرایه

در اینجا چند روش و ویژگی جالب برای بازی با آرایه ها وجود دارد:
1️⃣ length اموال
طول یک آرایه که تعداد آیتم های آن است را برمی گرداند.
📌 مثال:

let length = languages.length; 
console.log(length); // Output: 3
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

2️⃣ push() روش
برای اضافه کردن یک عنصر جدید در پایان.
📌 مثال:

languages.push("Java");
console.log(languages); // Output: ['JavaScript', 'PHP', 'Python', 'Java']
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

3️⃣ unshift() روش
برای اضافه کردن یک عنصر جدید در ابتدا.
📌 مثال:

languages.unshift("C");
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python', 'Java']
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

4️⃣ pop() روش
برای حذف آخرین عنصر.
📌 مثال:

languages.pop();
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python']
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

5️⃣ shift() روش
برای حذف عنصر اول
📌 مثال:

languages.shift();
console.log(languages); //  Output: ['JavaScript', 'PHP', 'Python']
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

6️⃣ toString() روش
یک آرایه را به رشته ای از مقادیر آرایه که با کاما از هم جدا شده اند تبدیل می کند.
📌 مثال:

let arrString = languages.toString();
console.log(arrString); //  Output: JavaScript,PHP,Python
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

7️⃣ at() روش
یک مقدار صحیح را می پذیرد و مورد را در آن شاخص برمی گرداند و اعداد صحیح مثبت و منفی را می پذیرد. اعداد صحیح منفی برعکس آخرین مورد در آرایه شمارش می شوند.
📌 مثال:

let value1 = languages.at(2);
console.log(value1); // Output: Python
let value2 = languages.at(-1);
console.log(value2); // Output: Python
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

8️⃣ join() روش
همه عناصر را در یک رشته ترکیب می کند. دقیقا مثل این رفتار میکنه toString()، به جز اینکه می توانید جداکننده را نیز تهیه کنید.
📌 مثال:

let arrJoin = languages.join(" | ");
console.log(arrJoin); // Output: JavaScript | PHP | Python
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

9️⃣ find() روش
با این کار اولین ورودی در آرایه ای که شرایط مشخص شده را پاس می کند، برمی گرداند. اگر هیچ یک از مقادیر شرط را برآورده نکرد، undefined برگردانده می شود.
📌 مثال:

let arrFind1 = languages.find(language => language === "PHP");
console.log(arrFind1); // Output: PHP
let arrFind2 = languages.find(language => language === "javascript");
console.log(arrFind2); // Output: undefined
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

🔟 sort() روش
عناصر یک آرایه را مرتب می کند.
📌 مثال:

let numberArr = [40,34,1,12,78,90];
console.log(numberArr.sort()); // Output: [1, 12, 34, 40, 78, 90]
let monthsArr = ['March', 'Jan', 'Feb', 'Dec'];
console.log(monthsArr.sort()); // Output: ['Dec', 'Feb', 'Jan', 'March']
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

روش های آرایه اضافی متعددی وجود دارد. آنها را به تنهایی با کمک یک موتور جستجو کاوش کنید و با آنها آزمایش کنید. انجام آن سرگرم کننده خواهد بود!😉

⁉️ چرا آرایه ها را یاد بگیریم؟

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

نتیجه گیری

آرایه ها بهترین دوست شما در هنگام برخورد با مقادیر زیادی هستند. شروع به تمرین مفاهیمی که در مورد آن بحث کردیم، کنید و آرایه ها را در پروژه های کوچک امتحان کنید.
کد نویسی مبارک!✨

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا