آرایه‌ها (Arrays) در جاوا اسکریپت

آرایه‌ها در جاوا اسکریپت ساختارهایی هستند که به ما این امکان را می‌دهند که چندین مقدار را در یک متغیر ذخیره کنیم. آرایه‌ها می‌توانند شامل انواع مختلف داده‌ها مانند اعداد، رشته‌ها، اشیاء و حتی دیگر آرایه‌ها باشند. با استفاده از آرایه‌ها می‌توانیم داده‌ها را به‌طور سازمان‌یافته ذخیره و به آن‌ها دسترسی پیدا کنیم.

۱. تعریف آرایه‌ها

آرایه‌ها در جاوا اسکریپت با استفاده از براکت‌های مربعی ([]) تعریف می‌شوند. مقادیر آرایه می‌توانند از هر نوع داده‌ای باشند و با کاما از هم جدا می‌شوند.

ساختار:

undefined

let arrayName = [مقدار1, مقدار2, مقدار3, ...];

مثال:

undefined

let fruits = ["سیب", "موز", "گلابی"];
console.log(fruits);  // خروجی: ["سیب", "موز", "گلابی"]

در این مثال، آرایه fruits شامل سه رشته است که نام میوه‌ها را ذخیره کرده است.

۲. دسترسی به عناصر آرایه

برای دسترسی به عناصر یک آرایه، از ایندکس (index) استفاده می‌کنیم. ایندکس‌ها در جاوا اسکریپت از صفر شروع می‌شوند، یعنی اولین عنصر آرایه در ایندکس ۰ قرار دارد.

ساختار:

undefined

let element = arrayName[ایندکس];

مثال:

undefined

let fruits = ["سیب", "موز", "گلابی"];
console.log(fruits[0]);  // خروجی: سیب
console.log(fruits[1]);  // خروجی: موز

در این مثال، با استفاده از ایندکس‌های ۰ و ۱ به ترتیب به اولین و دومین عنصر آرایه fruits دسترسی پیدا کرده‌ایم.

۳. ویژگی‌ها و متدهای آرایه‌ها

جاوا اسکریپت برای کار با آرایه‌ها تعدادی ویژگی و متد مفید فراهم کرده است که به کمک آن‌ها می‌توانیم داده‌ها را مدیریت کنیم.

1.3. طول آرایه (length)

ویژگی length طول آرایه را به ما می‌دهد که نشان‌دهنده تعداد عناصر موجود در آرایه است.

مثال:

undefined

let fruits = ["سیب", "موز", "گلابی"];
console.log(fruits.length);  // خروجی: 3

2.3. متد ()push

متد ()push یک یا چند عنصر را به انتهای آرایه اضافه می‌کند و طول جدید آرایه را باز می‌گرداند.

مثال:

undefined

let fruits = ["سیب", "موز"];
fruits.push("گلابی");
console.log(fruits);  // خروجی: ["سیب", "موز", "گلابی"]

۳.۳. متد ()pop

متد ()pop آخرین عنصر آرایه را حذف کرده و آن را باز می‌گرداند.

مثال:

undefined

let fruits = ["سیب", "موز", "گلابی"];
let lastFruit = fruits.pop();
console.log(lastFruit);  // خروجی: گلابی
console.log(fruits);  // خروجی: ["سیب", "موز"]

4.3. متد ()shift

متد ()shift اولین عنصر آرایه را حذف کرده و آن را باز می‌گرداند.

مثال:

undefined

let fruits = ["سیب", "موز", "گلابی"];
let firstFruit = fruits.shift();
console.log(firstFruit);  // خروجی: سیب
console.log(fruits);  // خروجی: ["موز", "گلابی"]

5.3. متد ()unshift

متد ()unshift یک یا چند عنصر را به ابتدای آرایه اضافه می‌کند.

مثال:

undefined

let fruits = ["موز", "گلابی"];
fruits.unshift("سیب");
console.log(fruits);  // خروجی: ["سیب", "موز", "گلابی"]

6.3. متد ()indexOf

متد ()indexOf اولین موقعیت (ایندکس) یک عنصر در آرایه را پیدا می‌کند و اگر عنصر وجود نداشته باشد، -1 را باز می‌گرداند.

مثال:

undefined

let fruits = ["سیب", "موز", "گلابی"];
console.log(fruits.indexOf("موز"));  // خروجی: 1
console.log(fruits.indexOf("پرتقال"));  // خروجی: -1

7.3. متد ()forEach

متد ()forEach برای پیمایش و اجرای یک تابع برای هر عنصر در آرایه استفاده می‌شود.

مثال:

undefined

let fruits = ["سیب", "موز", "گلابی"];
fruits.forEach(function(fruit) {
  console.log(fruit);
});
// خروجی:
// سیب
// موز
// گلابی

8.3. متد ()map

متد ()map یک آرایه جدید می‌سازد که شامل نتیجه اعمال یک تابع بر هر عنصر از آرایه اولیه است.

مثال:

undefined

let numbers = [1, 2, 3];
let doubled = numbers.map(function(number) {
  return number * 2;
});
console.log(doubled);  // خروجی: [2, 4, 6]

9.3. متد ()filter

متد ()filter یک آرایه جدید می‌سازد که شامل تمامی عناصری است که شرایط خاصی را برآورده می‌کنند.

مثال:

undefined

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers);  // خروجی: [2, 4]

10.3. متد ()reduce

متد ()reduce یک مقدار واحد را از تمام عناصر آرایه با اعمال یک تابع کاهش می‌دهد.

مثال:

undefined

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(acc, number) {
  return acc + number;
}, 0);
console.log(sum);  // خروجی: 15

۴. آرایه‌های چندبعدی (Multidimensional Arrays)

آرایه‌ها می‌توانند آرایه‌های دیگری را نیز به‌عنوان عناصر خود ذخیره کنند. به این نوع آرایه‌ها، آرایه‌های چندبعدی گفته می‌شود.

مثال:

undefined

let matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
console.log(matrix[1][2]);  // خروجی: 6

در این مثال، آرایه matrix یک آرایه دوبعدی است که شامل سه آرایه داخلی می‌باشد.

۵. تغییر اندازه آرایه

در جاوا اسکریپت می‌توان اندازه آرایه را با تغییر مقدار ویژگی length تغییر داد. این کار می‌تواند عناصر اضافی را حذف یا آرایه را بزرگتر کند.

مثال:

undefined

let fruits = ["سیب", "موز", "گلابی"];
fruits.length = 2;  // حذف گلابی
console.log(fruits);  // خروجی: ["سیب", "موز"]

نتیجه‌گیری

آرایه‌ها در جاوا اسکریپت ابزارهایی بسیار مفید برای ذخیره و مدیریت داده‌ها هستند. با استفاده از آرایه‌ها می‌توانیم داده‌ها را به‌طور مؤثر ذخیره کنیم و با استفاده از متدهای مختلف جاوا اسکریپت مانند ,()pop(), map()،push و ()filter داده‌ها را پردازش کنیم. آرایه‌ها در پروژه‌های پیچیده وب به‌ویژه هنگام کار با مجموعه‌های بزرگ داده بسیار مفید هستند.