چیدمان یا سورت آیتم ها در آرایه جاوااسکریپت (قسمت بیست و دوم)

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

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

چیدمان اعداد

با استفاده از تابع sort در اعداد، مقادیر شما را بصورت رشته مرتب سازی می‌کند.
برای مثال amir را قبل از javanmir قرار می‌دهد. اما در اعداد برای مثال ۲۵ را بزرگتر از ۱۰۰ قرار می‌دهد چون عدد ۲ در ۲۵ بزرگتر از ۱ در ۱۰۰ است.
برای چیدمان آنها بدرستی باید از تابع مقایسه ای استفاده کرد. در تابع زیر اعداد از کوچک به بزرگ چینش می‌شود.
برای چینش از بزرگ به کوچک از تابع زیر استفاده میشود.
این متد یک تابع مقایسه ای را دریافت می‌کند که دارای دو پارامتر است که این دو پارامتر در هر بار دو مقدار عددی آرایه شما را دریافت کرده و از هم کم می‌کند.حاصل مقدار بازگشتی یک عدد مثبت، منفی یا صفر است.
در صورتی که مقدار بازگشتی تابع برابر با دستور a-b عدد منفی شود پارامتر نخست a قبل از پارامتر دوم b قرار می گیرد.در صورتی که مثبت شود پارامتر b قبل از a قرار می گیرد.در صورتی که صفر شود هیچ تغییری رخ نمی دهد.

مثال:

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

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

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

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

در صورتی که مقدار بازگشتی تابع برابر با دستور b-a عدد منفی شود پارامتر نخست a قبل از پارامتر دوم b قرار می گیرد.در صورتی که مثبت شود پارامتر b قبل از a قرار می گیرد.در صورتی که صفر شود هیچ تغییری رخ نمی دهد.
این متد بر روی آرایه اصلی تاثیر می گذارد.

مثال:

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

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

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

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

چیدمان آیتم ها بصورت رندوم

در صورتی که بخواهیم آیتم های آرایه خود را بصورت رندومی ایجاد کنیم مقدار بازگشتی باید حاصل کسر ۰٫۵ از تابع Math.random()، عدد رندومی تولید شود. عدد حاصل در هر یک از آیتم های آرایه ممکن است مثبت یا منفی باشد.
مثال:

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

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

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

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

متد Fisher Yates Shuffle

برای ایجاد آیتم های رندومی در آرایه،استفاده از متد sort دقیق نیست. برای دقیق بودن میتوان از متد fisher Yates shuffle استفاده کرد. این متد در سال ۱۹۳۸ معرفی شد.
در این روش از حلقه for استفاده شده است و از انتهای آرایه به ابتدای آن پیمایش شده است. در هر بار پیمایش بصورت رندوم عددی بعنوان اندیس تعیین می شود که به سمت پایین رند شده و آن را به متغیری به نام j تخصیص داده ایم.

let j = Math.floor(Math.random() * i)

1	let j = Math.floor(Math.random() * i)

مقدار آیتم جاری در حال پیمایش را به متغیری به نام k تخصیص می دهیم.

let k = points[i]

1	let k = points[i]

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

points[i] = points[j]

1	points[i] = points[j]

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

points[j] = k

1	points[j] = k

این متد در زبان جاوااسکریپت به شکل زیر در آمده است.

مثال:

const points = [40, 100, 1, 5, 25, 10];
for (let i = points.length -1; i > 0; i--) {
  let j = Math.floor(Math.random() * i)
  let k = points[i]
  points[i] = points[j]
  points[j] = k
}

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

for (let i = points.length -1; i > 0; i--) {

let j = Math.floor(Math.random() * i)

let k = points[i]

points[i] = points[j]

points[j] = k

}

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

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

مثال:

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

1 2	const 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

حال اولین آیتم کمترین مقدار و آخری بیشترین مقدار است.
دستور کمترین مقدار:

points[0];
//1

1 2	points[0]; //1

دستور بزرگترین مقدار:

points[points.length-1];
//100

1 2	points[points.length-1]; //100

چیدمان از بزرگ به کوچک

مثال:

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

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

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

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

دستور کمترین مقدار:

points[points.length-1];
//1

1 2	points[points.length-1]; //1

دستور بزرگترین مقدار:

points[0];
//100

1 2	points[0]; //100

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

تابع Math.max قادر است از بین اعداد لیترال بیشترین مقدار را بازگشت دهد اما در آرایه که هر عدد در قالب یک آیتم قرار دارد با این روش غیر قابل انجام است اما با استفاده از متد apply میتوان مقادیر آرایه را به مقدار لیترال تبدیل و از بین آن بیشترین مقدار را پیدا کرد.
در متد Math.max.apply پارامتر نخست را برابر با null قرار میدهیم. درباره این متد در جلسات بعد صحبت خواهیم کرد.

مثال:

const points = [40, 100, 1, 5, 25, 10];
function myArrayMax(arr) {
  return Math.max.apply(null, arr);
}
myArrayMax(points);
//100

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

function myArrayMax(arr) {

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

}

myArrayMax(points);

//100

پیدا کردن کمترین مقدار

مثال:

const points = [40, 100, 1, 5, 25, 10];
function myArrayMin(arr) {
  return Math.min.apply(null, arr);
}
myArrayMin(points);
//1

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

function myArrayMin(arr) {

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

}

myArrayMin(points);

//1

پیدا کردن بیشترین مقدار و کمترین مقدار با دستور infinity

برای پیدا کردن بیشترین مقدار در آرایه ابتدا آن را با استفاده از دستور while یا for پیمایش میکنیم. سپس متغیری به نام max درست میکنیم که دارای مقدار infinity- است.
با استفاده از دستور شرطی برای اولین بار بررسی می‌کنیم که مقدار جاری بزرگتر از max یعنی infinity- است. در صورتی که شرط درست باشد مقدار متغیر max را تغییر و برابر با مقدار جاری میکنیم.
در هر بار بررسی max بزرگترین عدد است و آن را در انتها بازگشت میدهیم.

مثال:

const points = [40, 100, 1, 5, 25, 10];
function myArrayMax(arr) {
  let len = arr.length;
  let max = -Infinity;
  while (len--) {
    if (arr[len] > max) {
      max = arr[len];
    }
  }
  return max;
}
myArrayMax(points);
//100

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

function myArrayMax(arr) {

let len = arr.length;

let max = -Infinity;

while (len--) {

if (arr[len] > max) {

max = arr[len];

}

return max;

}

myArrayMax(points);

//100

در حالت پیدا کردن کمترین مقدار از infinity استفاده و با آن مقایسه می‌شود.

مثال:

const points = [40, 100, 1, 5, 25, 10];
function myArrayMin(arr) {
  let len = arr.length;
  let min = Infinity;
  while (len--) {
    if (arr[len] < min) {
      min = arr[len];
    }
  }
  return min;
}
myArrayMin(points);
//1

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

function myArrayMin(arr) {

let len = arr.length;

let min = Infinity;

while (len--) {

if (arr[len] < min) {

min = arr[len];

}

return min;

}

myArrayMin(points);

//1

نحوه سورت آبجکت

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

آبجکت ها دارای خصوصیت هستند که باید از متد sort بهمراه تابع مقایسه مقادیر آن استفاده کنیم.در صورتی که مقدار خصوصیت آبجکت عدد است از تابع زیر استفاده کنید.

مثال:

const names = [
  {name:"amir javanmir", year:1993},
  {name:"ali aghaei", year:1994},
  {name:"shahryar barati", year:1992}
];
cars.sort(function(a,b){return a.year - b.year});
/*
shahryar barati 1992
amir javanmir 1993
ali aghaei 1994
*/

const names = [

{name:"amir javanmir", year:1993},

{name:"ali aghaei", year:1994},

{name:"shahryar barati", year:1992}

];

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

shahryar barati 1992

amir javanmir 1993

ali aghaei 1994

در صورتی که خصوصیت آبجکت شما رشته است از تابع و دستور زیر جهت مقایسه مقادیر آن می توانید استفاده کنید.در صورتی مقدار اول از مقدار دوم خصوصیت کوچکتر باشد مقدار ۱- در صورتی که بزرگ باشد عدد ۱ و در صورتی که برابر باشد مقدار ۰ بازگشت داده می شود

const names = [
  {name:"amir javanmir", year:1993},
  {name:"ali aghaei", year:1994},
  {name:"shahryar barati", year:1992}
];

names.sort(function(a, b){
  let x = a.name.toLowerCase();
  let y = b.name.toLowerCase();
  if (x < y) {return -1;}
  if (x > y) {return 1;}
  return 0;
});
/*
ali aghaei 1994
amir javanmir 1993
shahryar barati 1992
*/

const names = [

{name:"amir javanmir", year:1993},

{name:"ali aghaei", year:1994},

{name:"shahryar barati", year:1992}

];

names.sort(function(a, b){

let x = a.name.toLowerCase();

let y = b.name.toLowerCase();

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

if (x > y) {return 1;}

return 0;

});

ali aghaei 1994

amir javanmir 1993

shahryar barati 1992

کلمات کلیدی را وارد نمایید

چیدمان یا سورت آیتم ها در آرایه جاوااسکریپت (قسمت بیست و دوم)

آموزش جاوااسکریپت ES5

چیدمان اعداد

چیدمان آیتم ها بصورت رندوم

متد Fisher Yates Shuffle

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

چیدمان از بزرگ به کوچک

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

پیدا کردن بیشترین مقدار و کمترین مقدار با دستور infinity

نحوه سورت آبجکت

آخرین آموزش ها

دیدگاه خود را بیان کنید لغو پاسخ

امیر جوان میر

طراح، گرافیست و توسعه دهنده وب

گواهینامه دوره آموزش جاوااسکریپت

آموزش جاوااسکریپت ES5

دسترسی سریع

کلمات کلیدی را وارد نمایید

چیدمان یا سورت آیتم ها در آرایه جاوااسکریپت (قسمت بیست و دوم)

آموزش جاوااسکریپت ES5

چیدمان اعداد

چیدمان آیتم ها بصورت رندوم

متد Fisher Yates Shuffle

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

چیدمان از بزرگ به کوچک

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

پیدا کردن بیشترین مقدار و کمترین مقدار با دستور infinity

نحوه سورت آبجکت

آخرین آموزش ها

دیدگاه خود را بیان کنید لغو پاسخ

امیر جوان میرطراح، گرافیست و توسعه دهنده وب

گواهینامه دوره آموزش جاوااسکریپت

آموزش جاوااسکریپت ES5

امیر جوان میر

طراح، گرافیست و توسعه دهنده وب