درک آرایه های جاوا اسکریپت – انجمن 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.
نتیجه گیری
آرایه ها بهترین دوست شما در هنگام برخورد با مقادیر زیادی هستند. شروع به تمرین مفاهیمی که در مورد آن بحث کردیم، کنید و آرایه ها را در پروژه های کوچک امتحان کنید.
کد نویسی مبارک!✨