آرایه های جاوااسکریپت

تقریباً غیرممکن است که هنگام کدگذاری در JavaScript با آرایه ای روبرو نشوید. در این آموزش ، شما با همه روشهای مختلف آرایه جاوا اسکریپت آشنا خواهید شد.

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

نکات اصلی آرایه های جاوااسکریپت:

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

متداول ترین روش ها

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

روش ()toString

متد toString () تمام عناصر آرایه را به عنوان لیست رشته ای برمی گرداند:

var cars = ["Audi", "Mazda", "BMW", "Toyota"];
document.getElementById("text").innerHTML = cars.toString();
// output:  Audi, Mazda, BMW, Toyota

()join

متد join () تمام عناصر آرایه را در لیست رشته قرار می دهد. تفاوت در روش toString این است که شما می توانید یک جدا کننده (در مورد ما ، یک خط تیره) – (“-“) تعیین کنید:

var cars = ["Audi", "Mazda", "BMW", "Toyota"]; 
document.getElementById("text").innerHTML = cars.join(" - ");

// output: Audi - Mazda - BMW - Toyota

روش ()pop

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

var cars = ["Audi", "Mazda", "BMW", "Toyota"]; 
cars.pop();

// New array:  Audi, Mazda, BMW

روش فشار

روش ()push یک عنصر مشخص شده جدید را به انتهای آرایه اضافه می کند. مقدار عددی را به طول آرایه جدید برمی گرداند:

var cars = ["Audi", "Mazda", "BMW", "Toyota"];
car.push("new");

// New array: Audi, Mazda, BMW, Toyota, new

Shift

این روش ، دقیقاً مانند متد JavaScript pop، یک عنصر را از یک آرایه حذف می کند.

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

var cars = ["Audi", "Mazda", "BMW", "Toyota"];  
cars.shift();             

// new array: Mazda, BMW, Toyota

روش ()unshift

روش unshift عنصر جدیدی را به ابتدای آرایه اضافه می کند و عناصر قدیمی را جابجا نمی کند. سپس ، طول آرایه جدید را برمی گرداند:

var cars = ["Audi", "Mazda", "BMW", "Toyota"]; 
cars.unshift("new");

// New array: new, Audi, Mazda, BMW, Toyota

()splice

روش splice می تواند عناصر را از یک آرایه اضافه و حذف کند.

اولین پارامتر شاخصی را تعیین می کند که در آن باید یک عنصر جدید وارد شود. مورد دوم مشخص می کند که JavaScript چه تعداد عنصر را از آرایه حذف کند. بقیه پارامترها مقادیر اضافه شده را تنظیم می کنند (این روش می تواند چندین عنصر را اضافه کند):

var cars = ["Audi", "Mazda", "BMW", "Toyota"];
cars.splice(2, 0, "new", "newer"); 

// new array: Audi, Mazda, new, newer, BMW, Toyota

مرتب سازی

این روش آرایه ای را به ترتیب حروف الفبا مرتب می کند. شما می توانید درباره همه امکاناتی که روش مرتب سازی () در آموزش آرایه های مرتب سازی جاوا اسکریپت ارائه می دهد بیشتر بدانید:

var cars = ["Audi", "Mazda", "BMW", "Toyota"];
cars.sort();             

// array: Audi, BMW, Mazda, Toyota

معکوس

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

var cars = ["Audi", "Mazda", "BMW", "Toyota"];   
cars.sort();             
cars.reverse();           

// array: Toyota, Mazda, BMW, Audi

روش ()Concat

متد ()JavaScript concat به دو آرایه پیوسته و یک روش جدید ایجاد می کند. این می تواند به هر تعداد استدلال بپردازد:

var cars = ["Audi", "Mazda", "BMW", "Toyota"]; 
var people = ["Joe", "Leona"];  
var joined = cars.concat(people);      

// joined array: Audi, Mazda, BMW, Toyota, Joe, Leona

روش slice

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

var cars = ["Audi", "Mazda", "BMW", "Toyota", "Suzuki"]; 
var myCars = cars.slice(1, 3);  

// myCars: Mazda, BMW

valueof

این روش مقدار آرایه را به یک بدوی تبدیل می کند. مقدار اولیه یک آرایه به طور پیش فرض یک رشته است ، بنابراین به طور پیش فرض این روش دقیقاً همان کاری را انجام می دهد که متد toString:

var cars = ["Audi", "Mazda", "BMW", "Toyota"]; 
document.getElementById("text").innerHTML = cars.valueOf();  

// output: Audi, Mazda, BMW, Toyota

تغییر عناصر

همه عناصر آرایه با شماره شاخص خود قابل دسترسی هستند. با تعیین مقدار جدید برای آنها می توانید هر عنصر آرایه ای را تغییر دهید:

var cars = ["Audi", "Mazda", "BMW", "Toyota"]; 
cars[0] = "Opel";        

 //cars:  Opel, Mazda, BMW, Toyota

با استفاده از ویژگی طول آن می توانید آیتم جدید را به راحتی به انتهای آرایه اضافه کنید:

var cars = ["Audi", "Mazda", "BMW", "Toyota"]; 
cars[cars.length] = "Opel";           

// cars:Audi, Mazda, BMW, Toyota, Opel

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

مرتب سازی عددی

تابع sort () به طور پیش فرض فقط روی رشته ها کار می کند.

مرتب سازی کلمات به این روش راحت است: “Apple” قبل از “Cactus” است. با این حال ، هنگام مرتب سازی اعداد به درستی کار نمی کند: طبق روش ، “36” بزرگتر از “101” است ، زیرا کاراکتر اول “3” از “1” بزرگتر است. این را می توان با تعیین یک تابع مقایسه به عنوان آرگومان روش مرتب سازی () رفع کرد.

var numbers = [41, 102, 1, 8, 25, 10];  
numbers.sort((a, b) => { return a - b }); 

// numbers: 1, 8, 10, 25, 41, 102

خلاصه آرایه های جاوااسکریپت:

• آرایه ها روشهای زیادی دارند که می توانید برای دستکاری آنها و محتوای آنها استفاده کنید.
• toString و مقدارOf روشهای منحصر به فرد آرایه ها نیستند. همه اشیا جاوا اسکریپت این روش ها را دارند.
• برای اینکه جاوا اسکریپت به درستی از آرایه حذف شود ، از روش های جاوا اسکریپت pop یا shift استفاده کنید.
• برای انجام الحاق آرایه از روش JavaScript concat استفاده کنید.