فهرست سرفصل‌های JavaScript
خانه (HOME) معرفی (Introduction) کجا قرار دهیم (Where To) خروجی (Output) ساختار نوشتاری (Syntax) دستورات (Statements) توضیحات (Comments) متغیرها (Variables) Let (Let) Const (Const) انواع داده (Types) عملگرها (Operators) عملگرهای حسابی (Arithmetic) عملگرهای انتسابی (Assignment) مقایسه ها (Comparisons) شرط ها (Conditional) if (If) if else (If Else) شرط سه تایی (Ternary) سوییچ (Switch) بولین ها (Booleans) منطقی (Logical) حلقه ها (Loops) حلقه for (Loop for) حلقه while (Loop while) break (Break) continue (Continue) رشته ها (Strings) رشته های قالبی (String Templates) جستجوی رشته (String Search) مرجع رشته (String Reference) اعداد (Numbers) متدهای عدد (Number Methods) ویژگی های عدد (Number Properties) مرجع عدد (Number Reference) عملگرهای بیتی (Bitwise) BigInt (BigInt) توابع (Functions) اشیا (Objects) ویژگی های شی (Object Properties) متدهای شی (Object Methods) نمایش شی (Object Display) تاریخ ها (Dates) قالب های تاریخ (Date Formats) دریافت تاریخ (Date Get) تنظیم تاریخ (Date Set) مرجع تاریخ (Date Reference) آرایه ها (Arrays) متدهای آرایه (Array Methods) جستجوی آرایه (Array Search) مرتب سازی آرایه (Array Sort) تکرارهای آرایه (Array Iterations) مرجع آرایه (Array Reference) ثابت آرایه (Array Const) آرایه های نوع دار (Typed Arrays) متدهای نوع دار (Typed Methods) مرجع نوع دار (Typed Reference) مجموعه ها (Sets) متدهای مجموعه (Set Methods) منطق مجموعه (Set Logic) WeakSet (WeakSet) مرجع مجموعه (Set Reference) نگاشت ها (Maps) متدهای نگاشت (Map Methods) WeakMap (WeakMap) مرجع نگاشت (Map Reference) ریاضی (Math) مرجع ریاضی (Math Reference) تصادفی (Math Random) عبارات منظم (RegExp) پرچم ها (RegExp Flags) کلاس های کاراکتری (RegExp Classes) متاکاراکترها (RegExp Metachars) گزاره ها (RegExp Assertions) تکرارکننده ها (RegExp Quantifiers) الگوها (RegExp Patterns) اشیای RegExp (RegExp Objects) متدهای RegExp (RegExp Methods) انواع داده (Data Types) typeof (typeof) toString() (toString()) تبدیل نوع (Type Conversion) خطاها: مقدمه (Errors Intro) خطاهای بی صدا (Errors Silent) دستورات خطا (Error Statements) شیء خطا (Error Object) اشکال زدایی (Debugging) رویدادها (Events) دامنه (Scope) بالابردن (Hoisting) حالت سخت گیرانه (Strict Mode) بلوک های کد (Code Blocks) راهنمای نگارش (Style Guide) بهترین شیوه ها (Best Practices) اشتباهات رایج (Mistakes) کارایی (Performance) مرجع کلمات کلیدی (Keywords Reference) کلمات رزرو شده (Keywords Reserved) مرجع عملگرها (Operator Reference) اولویت عملگرها (Operator Precedence) حروف UTF-8 (UTF-8 Letters) نمادهای UTF-8 (UTF-8 Symbols) ایموجی های UTF-8 (UTF-8 Emojis) نسخه ها (Versions) 2025 (2025) 2024 (2024) 2023 (2023) 2022 (2022) 2021 (2021) 2020 (2020) 2019 (2019) 2018 (2018) 2017 (2017) 2016 (2016) 2009 (2009 (ES5)) IE / Edge (IE / Edge) تاریخچه (History) تعریف تابع (Function Definitions) توابع پیکانی (Function Arrows) پارامترهای تابع (Function Parameters) فراخوانی تابع (Function Invocation) this در تابع (Function this) call (Function Call) apply (Function Apply) bind (Function Bind) Closureها (Function Closures) تعریف شی (Object Definitions) سازنده ها (Object Constructors) this شی (Object this) ساختارشکنی (Object Destructuring) پروتوتایپ ها (Object Prototypes) تکرار روی شی (Object Iterations) مدیریت ویژگی ها (Object Management) گیرنده/گذارنده (Get / Set) محافظت از شی (Object Protection) مرجع شی (Object Reference) کلاس ها (Classes) وراثت کلاس (Class Inheritance) اعضای ایستا (Class Static) حلقه زنی (Looping) قابل تکرارها (Iterables) تکرارگرها (Iterators) مولدها (Generators) کنترل جریان (Control Flow) کالبک ها (Callbacks) غیرهمزمان (Asynchronous) پرامیس ها (Promises) Async/Await (Async/Await) ماژول ها: استاتیک (Modules Static) ماژول ها: داینامیک (Modules Dynamic) DOM معرفی (DOM Intro) DOM متدها (DOM Methods) DOM سند (DOM Document) DOM عناصر (DOM Elements) DOM HTML (DOM HTML) DOM فرم ها (DOM Forms) DOM CSS (DOM CSS) DOM انیمیشن ها (DOM Animations) DOM رویدادها (DOM Events) شنونده رویداد (DOM Event Listener) پیمایش DOM (DOM Navigation) گره های DOM (DOM Nodes) مجموعه های DOM (DOM Collections) لیست گره های DOM (DOM Node Lists) پنجره (Window) نمایشگر (Screen) Location (Location) تاریخچه (History) Navigator (Navigator) پنجره های هشدار (Popup Alert) زمان بندی (Timing) کوکی ها (Cookies) مقدمه Web API (Web API Intro) Validation API (Web Validation API) History API (Web History API) Web Storage API (Web Storage API) Web Worker API (Web Worker API) Fetch API (Web Fetch API) Geolocation API (Web Geolocation API) AJAX معرفی (AJAX Intro) AJAX درخواست (AJAX Request) AJAX پاسخ (AJAX Response) AJAX فایل XML (AJAX XML File) AJAX و PHP (AJAX PHP) AJAX و ASP (AJAX ASP) AJAX پایگاه داده (AJAX Database) AJAX کاربردها (AJAX Applications) AJAX مثال ها (AJAX Examples) JSON معرفی (JSON Intro) JSON نحو (JSON Syntax) JSON در برابر XML (JSON vs XML) انواع داده در JSON (JSON Data Types) JSON Parse (JSON Parse) JSON Stringify (JSON Stringify) اشیا در JSON (JSON Objects) آرایه ها در JSON (JSON Arrays) سرور JSON (JSON Server) JSON و PHP (JSON PHP) JSON و HTML (JSON HTML) JSONP (JSON JSONP) jQuery انتخابگرها (jQuery Selectors) jQuery HTML (jQuery HTML) jQuery CSS (jQuery CSS) jQuery DOM (jQuery DOM) گرافیک (Graphics) Canvas (Canvas) Plotly (Plotly) Chart.js (Chart.js) Google Chart (Google Chart) D3.js (D3.js) DOM نمونه ها (HTML DOM) ورودی HTML (HTML Input) اشیای HTML (HTML Objects) رویدادهای HTML (HTML Events) مرورگر (Browser) ویرایشگر (Editor) کوییز (Quiz) سیلابس (Syllabus) برنامه مطالعه (Study Plan) آمادگی مصاحبه (Interview Prep) بوت کمپ (Bootcamp) گواهینامه (Certificate)
JavaScript

JavaScript — مرتب سازی آرایه (Array Sort)

آخرین بروزرسانی: 1404/08/10

مرتب سازی آرایه (Array Sort)

اینجا با «مرتب سازی آرایه» آشنا می شویم. آرایه (Array) یعنی لیست منظم. مرتب سازی یعنی چیدمان دوباره. گاهی حروفی است، گاهی عددی. قدم به قدم جلو می رویم و مثال می زنیم.

مرتب سازی حروفی با sort()

متد sort() آرایه رشته ای را به ترتیب الفبا می چیند. «ایندکس (Index)» همان شماره جایگاه است.

const fruits = ["Banana", "Orange", "Apple", "Mango"]; 
fruits.sort(); 

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

برعکس کردن با reverse()

متد reverse() ترتیب را وارونه می کند. می توانی پس از sort استفاده کنی.

const fruits = ["Banana", "Orange", "Apple", "Mango"]; 
fruits.reverse(); 

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

const fruits = ["Banana", "Orange", "Apple", "Mango"]; 
fruits.sort(); 
fruits.reverse(); 

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

نسخه های امن: toSorted() و toReversed()

متدهای toSorted() و toReversed() اصل آرایه را عوض نمی کنند. نتیجه را در آرایه جدید می دهند.

const months = ["Jan", "Feb", "Mar", "Apr"]; 
const sorted = months.toSorted(); 

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

const months = ["Jan", "Feb", "Mar", "Apr"]; 
const reversed = months.toReversed(); 

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

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

به صورت پیش فرض، sort() مثل رشته می چیند. برای اعداد، «تابع مقایسه (Compare Function)» بده.

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

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

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

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

نکته: عدد منفی یعنی «a قبل از b». عدد مثبت یعنی «b قبل از a».

مرتب سازی تصادفی و روش درست

این روش ساده، تصادفی کامل نیست؛ اما سریع است.

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

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

روش استاندارد «Fisher-Yates» دقیق تر است و بایاس ندارد.

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

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

کمینه و بیشینه آرایه

سه راه داری: با sort، با Math، یا با حلقه ساده.

با sort()

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

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

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

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

هشدار: فقط برای پیدا کردن کمینه، sort کارآمد نیست.

با Math.min / Math.max

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

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

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

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

روش خانگی سریع

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

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

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

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

مرتب سازی آرایه اشیاء

برای اشیاء، روی ویژگی ها مقایسه کن. «مقایسه رشته ای» کمی حساس تر است.

const cars = [ 
  { type: "Volvo", year: 2016 }, 
  { type: "Saab", year: 2001 }, 
  { type: "BMW", year: 2010 } 
]; 
cars.sort(function(a, b) { 
  return a.year - b.year; 
}); 

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

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

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

مرتب سازی پایدار از ES2019

از ES2019، sort() باید «پایدار (Stable)» باشد. یعنی ترتیب برابرها حفظ می شود.

const myArr = [ 
  { name: "X00", price: 100 }, 
  { name: "X01", price: 100 }, 
  { name: "X02", price: 100 }, 
  { name: "X03", price: 100 }, 
  { name: "X04", price: 110 }, 
  { name: "X05", price: 110 }, 
  { name: "X06", price: 110 }, 
  { name: "X07", price: 110 } 
]; 

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

ادامه مسیر مرتب سازی آرایه

برای جستجو، صفحه مرتب سازی آرایه و تکرار روی آرایه را ببین. سپس تمرین کن و نتایج را مقایسه کن.

جمع بندی سریع

  • sort() رشته ای می چیند؛ برای عدد، مقایسه بده.
  • reverse() وارونه می کند؛ toReversed() امن تر است.
  • toSorted() اصل آرایه را تغییر نمی دهد.
  • برای تصادفی دقیق، Fisher-Yates بهتر است.
  • برای کمینه/بیشینه، Math یا حلقه سریع تر است.