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

Declare Array

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

const cars = ["Saab", "Volvo", "BMW"]; 
/*-------------------------------------*/ 
const cars = []; 
cars[0]= "Saab"; 
cars[1]= "Volvo"; 
cars[2]= "BMW"; 
/**************************************/ 
const cars = new Array("Saab", "Volvo", "BMW");

• روش اول تعریف و مقدار دهی
• روش دوم تعریف و بعد از آن گام به گام مقدار دهی ( این روش با استفاده از ایندکس و یا توابع مختلف push,pop, shift,unshift هم امکان پذیر است)
• روش سوم با استفاده از کلید new Array

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

Array Class

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

var a = [1,2,3,4]
var b = new Array(1,2,3,4)
a == b //false
a === b //false
a //Array(4) [ 1, 2, 3, 4 ]
b //Array(4) [ 1, 2, 3, 4 ]
a instanceof Array //true
b instanceof Array //true
typeof a //"object"
typeof b //"object"

همچنین کلاس Array یک سری متد های static دارد که به وسیله کلاس قابل تعیین می باشند.

var a = [1,2,3]
Array.isArray(a) //true

نکته مهم این که هم آرایه ها و هم اشیا ماهیتی یکسان دارد و Typeof Array برابر است(Arrays are a special type of objects. or Array are object) با object . در ساختار هم نزدیک به هم هستند و به صورت ترکیبی قابل استفاده می باشند (json array).

برای تفکیک صحیح آرایه از شی  راه های متفاوتی وجود دارد.

static method isArray

Array.isArray(variable)

instanceof

variable instanceof Array

Accessing Array elements

برای تعریف یک آرایه بهتر است آن را در const قرار بدهیم . بنا به ساختار const قابلیت ویرایش المان های آرایه وجود دارد ولی قابلیت تعریف مجدد برای آن نیست . از آنجایی که ماهیت let نیز نزدیک به const است در let هم قرار می دهند.

برای دسترسی به آرایه های فهرستی (indexed array) از عدد برای دسترسی به المان آرایه استفاده می کنیم. همچنین در آرایه ها ما قادر به پیمایش با استفاده از متده های آن ها و همچنین JavaScript loop statements هستیم.

car[0] //saab
car[1] //volvo
car[2] //bmw

برای دسترسی به المان اول از ایندکس 0 و برای دسترسی به المان آخر مقدار طول آرایه یکی کم ایندکس گذاری می کنیم:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let lastFruit = fruits[fruits.length - 1];
let firstFruit = fruits[0];

JavaScript Array Methods

const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const children = arr1.concat(arr2); //Cecilie,Lone,Emil,Tobias,Linus

const ages = [32, 33, 16, 40];
ages.every(function(age) {
  return true;
});

var month = [32,12,6,2,9];
let validateMonth = month.filter((m)=>{
    return m < 13;
});
console.log(validateMonth) //[12,6,2,9];

const ages = [3, 10, 18, 20, 25, 33];
let validAges = ages.find(function(age) {
  return age > 18;
});
console.log(validAges); //20

const fruits = ["apple", "orange", "cherry"];
fruits.forEach(function (item, index) {
   console.log(item,index);
});

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); //true

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let index = fruits.indexOf("Apple"); //2

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let text = fruits.join(); // Banana,Orange,Apple,Mango

let fruits = ['apple','mango']
fruits.join() //"apple,mango"
let fruitsString = fruits.join()
fruitsString.split(',') //['apple','mango']

const numbers = [65, 44, 12, 4];
const newArr = numbers.map(function (num) {
  return num * 10;
});
console.log(newArr); //650,440,120,40

const fruits = ["Banana", "Orange", "Apple", "Mango"];
// At position 2, add 2 elements: 
fruits.splice(2, 0, "Lemon", "Kiwi") /* Banana,Orange,Lemon,Kiwi,Apple,Mango */
/*---------------------------------------------------------------------*/
const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
// At position 2, remove 2 items: 
fruits.splice(2, 2); /* Banana,Orange,Kiwi */

let ids = [15,34,20,41,62,71] 
ids.indexOf(34) // 1
ids.splice(1,1) // Array [ 34 ]
ids // Array(5) [ 15, 20, 41, 62, 71 ]

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2, 4); //Lemon,Apple

let roomItems = [
  [
    {id: 10,title: 'hilton-5',day: '2022-23-05'},
    {id: 10,title: 'hilton-4',day: '2022-23-06'}
  ],
  [
    {id: 11,title: 'hilton-4',day: '2022-23-07'},
    {id: 11,title: 'hilton-4',day: '2022-23-08'}
  ]
]

roomItems.flat().map( (item,index) => {
  console.log(item,index)	
})

JavaScript Array Properties

Looping Array

برای پیمایش میان آرایه ها از loop statements و همچنین متدهای داخلی ساختمان داده آرایه می توان استفاده کرد. به طور مثلا از for استفاده می کنیم.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let arrayLength = fruits.length;
for(let i=0;i<arrayLength;i++){
    console.log(fruits[i]);
}

پیمایش آرایه ها با استفاده از for..in

for (let i in cars) {
  console.log(cars[i])
}

امکان پیمایش با استفاده از forEach ,map , filter نیز فراهم است.

Adding Array

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

 const fruits = ["Banana", "Orange", "Apple"];
fruits[fruits.length] = "Lemon";  // Adds "Lemon" to fruits

اگر در ساختار این آرایه مقداری اضافه کنیم که بیش از طول آرایه است از طول آرایه تا ایندکس جدید برابر با undefined است.

برای افزودن یک المان به آرایه از متد های push , unshift نیز می توان استفاده کرد.