۲۲
آبان

جلسه ۲۱ : مرتب سازی آرایه ها در جاوا اسکریپت

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
در این جلسه قصد داریم تا به مرتب سازی آرایه ها در جاوا اسکریپت JavaScript شامل مرتب سازی آرایه ها بر اساس حروف الفبا ، معکوس کردن آرایه در جاوا اسکریپت ، تابع مقایسه در جاوا اسکریپت و … بپردازیم.

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

فهرست

مرتب سازی آرایه ها بر اساس حروف الفبا

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

مثال : مرتب سازی آرایه ها

 var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();        // Sorts the elements of fruits

1 2	var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); // Sorts the elements of fruits

خودتان امتحان کنید »

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

برای معکوس کردن آرایه در جاوا اسکریپت از تابع ()reverse استفاده می کنیم:

مثال : متد reverse

 var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();        // First sort the elements of fruits
fruits.reverse();     // Then reverse the order of the elements

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.sort(); // First sort the elements of fruits

fruits.reverse(); // Then reverse the order of the elements

خودتان امتحان کنید »

نتیجه به شکل زیر خواهد بود:

مثال :

Orange,Mango,Banana,Apple

1	Orange,Mango,Banana,Apple

مرتب سازی آرایه عددی در جاوا اسکریپت

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

این تابع برای رشته ها به خوبی عمل می کند.

اما این تابع برای مقادیر عددی به درستی کار نخواهد کرد. برای مثال عدد ۲ را بزرگتر از ۱۲ تشخیص می دهد زیرا ۲ از ۱ بزرگتر است.

برای حل این مشکل باید از یک تابع مقایشه استفاده کنیم:

مثال : مرتب سازی عددی آرایه ها

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b});

1 2	var points = [40, 100, 1, 5, 25, 10]; points.sort(function(a, b){return a - b});

خودتان امتحان کنید »

نتیجه به شکل زیر خواهد بود:

مثال :

1,5,10,25,40,100

1	1,5,10,25,40,100

مثالی دیگر:

مثال : مثالی دیگر از مرتب سازی آرایه ها

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b - a});

1 2	var points = [40, 100, 1, 5, 25, 10]; points.sort(function(a, b){return b - a});

خودتان امتحان کنید »

نتیجه به شکل زیر خواهد بود:

مثال :

100,40,25,10,5,1

1	100,40,25,10,5,1

تابع مقایسه در جاوا اسکریپت

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

این تابع باید یک مقدار منفی، ۰ یا مثبت را بسته به آرگومان هایش برگشت دهد:

مثال :

function(a, b){return a-b}

1	function(a, b){return a-b}

وقتی تابع ()sort دو مقدار را مقایسه می کند، این دو مقدار را به تابع مقایسه ارسال می کند و مقادیر را بر اساس مقدار برگشنی (منفی، صفر یا مثبت) مرتب می کند.

بگذارید برای درک بیشتر یک مثال بزنیم:

وقتی که ۴۰ و ۱۰۰ با هم مقایسه می شوند، تابع sort تابع (function(40, 100 را فرا می خواند.

تابع مقایسه نتیجه ۱۰۰-۴۰ را برگشت می دهد (۶۰-)

تابع sort مقدار ۴۰ را به عنوان مقداری کمتر از ۱۰۰ مرتب می کند.

مثال : مثالی کامل از مترب سازی آرایه ها

<button onclick="myFunction1()">Sort Alphabetically</button>
<button onclick="myFunction2()">Sort Numerically</button>

<p id="demo"></p>

<script>
var points = [40, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;

function myFunction1() {
  points.sort();
  document.getElementById("demo").innerHTML = points;
}

function myFunction2() {
  points.sort(function(a, b){return a - b});
  document.getElementById("demo").innerHTML = points;
}
</script>

<button onclick="myFunction1()">Sort Alphabetically</button>

<button onclick="myFunction2()">Sort Numerically</button>

var points = [40, 100, 1, 5, 25, 10];

document.getElementById("demo").innerHTML = points;

function myFunction1() {

points.sort();

document.getElementById("demo").innerHTML = points;

}

function myFunction2() {

points.sort(function(a, b){return a - b});

document.getElementById("demo").innerHTML = points;

}

</script>

خودتان امتحان کنید »

مرتب کردن آرایه در ترتیب تصادفی

مثال : مرتب کردن آرایه در ترتیب تصادفی

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return 0.5 - Math.random()});

1 2	var points = [40, 100, 1, 5, 25, 10]; points.sort(function(a, b){return 0.5 - Math.random()});

خودتان امتحان کنید »

پیدا کردن بیشترین یا کمترین مقدار آرایه

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

برای این کار می توانید وقتی که آرایه را مرتب کردید، از اندیس برای پیدا کردن بیشترین یا کمترین مقدار آرایه استفاده کنید:

مثال : پیدا کردن کمترین یا بیشترین مقدار یک آرایه

 var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b});
// now points[0] contains the lowest value
// and points[points.length-1] contains the highest value

var points = [40, 100, 1, 5, 25, 10];

points.sort(function(a, b){return a - b});

// now points[0] contains the lowest value

// and points[points.length-1] contains the highest value

خودتان امتحان کنید »

مرتب سازی نزولی آرایه

مثال : مرتب سازی نزولی آرایه

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b - a});
// now points[0] contains the highest value
// and points[points.length-1] contains the lowest value

var points = [40, 100, 1, 5, 25, 10];

points.sort(function(a, b){return b - a});

// now points[0] contains the highest value

// and points[points.length-1] contains the lowest value

خودتان امتحان کنید »

نکته : اگر فقط می خواهید بالاترین (یا کمترین) مقدار را پیدا کنید مرتب کردن آرایه کل یک روش بسیار ناکارآمد است.

استفاده از ()Math.max برای چیدا کردن بیشترین مقدار آرایه

مثال : استفاده از متد Math.max

function myArrayMax(arr) {
    return Math.max.apply(null, arr);
}

function myArrayMax(arr) {

return Math.max.apply(null, arr);

}

خودتان امتحان کنید »

استفاده از ()Math.min برای پیدا کردن کمترین مقدار آرایه

مثال : پیدا کردن کمترین مقدار آرایه

function myArrayMin(arr) {
    return Math.min.apply(null, arr);
}

function myArrayMin(arr) {

return Math.min.apply(null, arr);

}

خودتان امتحان کنید »

کافیست تا آرایه را به عنوان پارامتر به این تابع ارسال کنید.

متدهای Min / Max در جاوا اسکریپت

سریعترین راه استفاده از یک متد “home made” است.

این تابع با استفاده از یک آرایه با مقایسه هر مقدار ، بالاترین مقدار را پیدا می کند:

مثال : پیدا کردن بیشترین مقدار یک آرایه

function myArrayMax(arr) {
  var len = arr.length
  var max = -Infinity;
  while (len--) {
    if (arr[len] > max) {
      max = arr[len];
    }
  }
  return max;
}

function myArrayMax(arr) {

var len = arr.length

var max = -Infinity;

while (len--) {

if (arr[len] > max) {

max = arr[len];

}

return max;

}

خودتان امتحان کنید »

این تابع از طریق یک آرایه با مقایسه هر مقدار با کمترین مقدار یافت می شود.

مثال : پیدا کردن کمترین مقدار عناصر یک آرایه

function myArrayMin(arr) {
  var len = arr.length
  var min = Infinity;
  while (len--) {
    if (arr[len] < min) {
      min = arr[len];
    }
  }
  return min;
}

function myArrayMin(arr) {

var len = arr.length

var min = Infinity;

while (len--) {

if (arr[len] < min) {

min = arr[len];

}

return min;

}

خودتان امتحان کنید »

مرتب سازی آرایه های آبجکت

آرایه های جاوا اسکریپت اغلب دارای اشیا هستند:

مثال :

var cars = [
  {type:"Volvo", year:2016},
  {type:"Saab", year:2001},
  {type:"BMW", year:2010}
];

var cars = [

{type:"Volvo", year:2016},

{type:"Saab", year:2001},

{type:"BMW", year:2010}

];

حتی اگر اشیاء دارای خواص انواع داده های مختلف باشند، برای مرتب کردن آرایه می توان از متد ()sort استفاده کرد.

راه حل این است که یک تابع مقایسه را برای مقایسه مقادیر خصوصیت بنویسیم:

مثال : مرتب سازی آبجکت

cars.sort(function(a, b){return a.year - b.year});

1	cars.sort(function(a, b){return a.year - b.year});

خودتان امتحان کنید »

مقایسه خصوصیات string کمی پیچیده تر است :

مثال : مقایسه خوصیات string

cars.sort(function(a, b){
  var x = a.type.toLowerCase();
  var y = b.type.toLowerCase();
  if (x < y) {return -1;}
  if (x > y) {return 1;}
  return 0;
});

cars.sort(function(a, b){

var x = a.type.toLowerCase();

var y = b.type.toLowerCase();

if (x < y) {return -1;}

if (x > y) {return 1;}

return 0;

});

خودتان امتحان کنید »

جلسه مرتب سازی آرایه ها در جاوا اسکریپت JavaScript نیز به پایان رسید.
در جلسه بعد به مبحث تاریخ و رمان در جاوا اسکریپت خواهیم پرداخت. با ما همراه باشید

QR: جلسه ۲۱ : مرتب سازی آرایه ها در جاوا اسکریپت

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 6

melika
بهمن ۳, ۱۳۹۷
سلام خسته نباشید.
من تو کدم یک جدول دارم اسم و فامیل و نمره یک سری دانش اموزه ک با کلیک روی هر هدری میاد بر اساس حروف الفبا سوت میکنه و با انگولار جی اس نوشتم.
ولی مشکلی ک دارم حروف گ چ پ ژ ساپورت نمیشن و اونارو میبره اخر لیست.
اگر کمکم کنید بتونم مشکلمو حل کننم ممنونتون میشم.
پاسخ دادن
سحر
آذر ۱۲, ۱۳۹۹
سلام خسته نباشید من این کدو نوشتم اما اجرا نمیده باید چیکار کنم
function revNum()
{
var number = prompt(“Please enter the number which needs to be to be reveresed :”, ” “);
var i= number;
var ret = new Array;
for(var i =ret.length-1; i> 0; i++) {
ret .push(input[i]);
}
document.write(“The original input number is : ” +number+ ” The reverse of input number is : ” +ret+ “\n”);
return ret;
}
پاسخ دادن
- صادق
  آذر ۱۳, ۱۳۹۹
  سلام. دقیقا چه خطایی میده؟ درضمن شما باید جلوی new Array پرانتز هم بذارید. به این شکل: ;()new Array
  پاسخ دادن
erfan
فروردین ۱۰, ۱۴۰۰
با عرض سلام و وقت بخیر.
اگر امکانش هست مرتب سازی ارایه ها بر اساس پراپرتی های نوع رشته ای بیشتر توضیحش بدین نامفهومه.
ممنون از اموزش های خوبتون.
پاسخ دادن
- صادق
  فروردین ۱۱, ۱۴۰۰
  سلام. برای رشته ها هم از همون تابع ()sort استفاده کنید. مرتب سازی بر اساس حروف الفبا خواهد بود. برای مثال اولین حرف کلمه ها رو چک می کنه. اگر دو کلمه در اون حرف یکسان باشند، حرف بهدیشون رو چک می کنه.
  اگه دنبال شخصی سازی بیشتری هستید، بهتره از همون مرتب سازی به روش آبجکت ها استفاده کنیدو و شروط رو در تابع تعریف کنید.
  پاسخ دادن
erfan
فروردین ۱۲, ۱۴۰۰
با اختلاف عالی هستین
ممنون از آموزش های خوبتون وراهنماییاتون
پاسخ دادن

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۲۱ : مرتب سازی آرایه ها در جاوا اسکریپت

مرتب سازی آرایه ها بر اساس حروف الفبا

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

مرتب سازی آرایه عددی در جاوا اسکریپت

تابع مقایسه در جاوا اسکریپت

مرتب کردن آرایه در ترتیب تصادفی

پیدا کردن بیشترین یا کمترین مقدار آرایه

مرتب سازی نزولی آرایه

استفاده از ()Math.max برای چیدا کردن بیشترین مقدار آرایه

استفاده از ()Math.min برای پیدا کردن کمترین مقدار آرایه

متدهای Min / Max در جاوا اسکریپت

مرتب سازی آرایه های آبجکت

لیست مطالب دوره

کار با فرم ها

اشیا

توابع

HTML DOM

BOM

AJAX

JSON

مقایسه ی جاوا اسکریپت با jQuery

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ