جستجو برای:
  • صفحه اصلی
  • لیست کامل دوره ها
  • مگامگ (محتوا رایگان)
    • Javascript
    • UX
    • HTML/CSS
    • UI
  • حساب کاربری شما
    • داشبورد
    • دوره های خریداری شده
    • ویرایش پروفایل کاربری
 
مگادمی
  • صفحه اصلی
  • لیست کامل دوره ها
  • مگامگ (محتوا رایگان)
    • Javascript
    • UX
    • HTML/CSS
    • UI
  • حساب کاربری شما
    • داشبورد
    • دوره های خریداری شده
    • ویرایش پروفایل کاربری
0
ورود / عضویت

مگادمیمگامگمقالاتJavascriptعملیات سه گانه، راهی برای تمیز تر نوشتن if در جاوا اسکریپت

عملیات سه گانه، راهی برای تمیز تر نوشتن if در جاوا اسکریپت

18 دی 1402
ارسال شده توسط Fatemeh Satouri
Javascript ، مقالات
5.54k بازدید
fcaadd068b60b79b1bcc4804291629f7

آنچه خواهید دید :

Toggle
  • عملیات سه گانه.
    • حالا این عملیات سه گانه به چی اشاره دارد؟ برای کجای این کد ها مفید هست؟
      • عملیات سه گانه، سه بخش دارد:
    • عملیات سه گانه یا Ternary operatior چیست؟

سلام!

احوالتون چطور؟

یک کلمه مبهم بین عنوان چی میگه؟

چند روز پیش وقتی داشتم توی مقالات چرخ میزدم و اطلاعات ریز و درشتی و برای خودم در‌میووردم؛ به یک کلمه جالبی رسیدم:

Ternary operator

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

عملیات سه گانه.

عملیات سه گانه

حالا این عملیات سه گانه به چی اشاره دارد؟ برای کجای این کد ها مفید هست؟

دقیقا سوالات من موقع مواجه با این اسم جالب همین بود.

وقتی چندین مقاله رو زیر و رو کردم تازه فهمیدم ماجرا از چه قرار هست؛

از if ها می‌گفت، از اینکه می‌توانند چقدر فضا مشغول کنند، بعد مثال آورده بود:

if(conditions)
 { 
    //code 1 
 }

 else
  {
    //code 2 
  }

با خودم گفتم خب کمی جمع جور تر می‌نوشتی!

بعد یک مثال از این کلمه‌ی جالب (عملیات سه گانه) آورد:

Conditions? Code1 : code2 ;

همین؟

حالا این اصلا چه می‌گوید؟

همان حرف if بالا را می‌زند:

می‌گوید:

شرط را بنویس، بعد شرط یک علامت سوال بگذار بعد بیا بگو اگر درست بود code 1 اجرا شود و در غیر این صورت code 2.

عملیات سه گانه

بشمارید؟

عملیات سه گانه، سه بخش دارد:

1_  conditions

2_  code 1

3_  code 2

چه خوشمزه و به قول رفقای اهل ادب:

چه هلوی بپر در گلوییست.

یک مثال واقعی تر ببینیم؟ مثل اینکه حسابی چسبید.

let age = 25 ;

if (age > 1)

{
  Console.log("ok")
}
else {
  Console.log("error");
}

خب! حالا با عملیات سه گانه اجی مجیش کنیم؟

let age =25;

(age > 18) ? Console.log ("ok") : Console.log ("error")

حالا بیایید یکم کتابی تر با هم توضیحش دهیم:

عملیات سه گانه

عملیات سه گانه یا Ternary operatior چیست؟

عملگر شرطی سه تایی، تنها عملگر جاوا اسکریپت است که سه عملوند می گیرد: یک شرط و علامت سوال (?)، سپس یک عبارت اجرا می شود اگر شرط درست باشد و یک دونقطه (:) و در اگر شرط غلط باشد else اجرا می‌شود.

اشتراک گذاری:
برچسب ها: developerelseifJavascriptTernary operatiorبرنامه نویسیشرطعملیات سه گانه
درباره Fatemeh Satouri

{ "name" : "Fatemeh Satouri", "Skill" : ["coding", "User interface design"], "Abot Me" : "The war between a designer and a programmer in me goes on forever" }

نوشته های بیشتر از Fatemeh Satouri

مطالب زیر را حتما مطالعه کنید

حرفه ای 1
استاندارد های فنی حرفه ای برای حوزه وب
سازمان فنی و حرفه‌ای یکی از معتبرترین مراکز ارائه‌دهنده مدارک حرفه‌ای در ایران هست. بیشتر...
Object in JavaScript
2 روش ساخت آبجکت (object) در جاوا اسکریپت
object چیست؟ آبجکت یک نوع داده کلید و مقدار (key-value) هست. در نظر بگیرید که...
array
آرایه (array) در جاوا اسکریپت و 4 روش تغییر عضو های آرایه
آرایه (array) چیست؟ بیاید به زبان ساده و یک مثال دنیای واقعی بهش نگاه کنیم....
numbers
عدد (number) در جاوا اسکریپت و 2 نوع اصلی و مهم اعداد
عدد (number) در برنامه نویسی چیست؟ اعداد در برنامه نویسی، یکی از مهمترین انواع داده...
string
رشته (string) چیست و 3 روش پیاده سازی آنها
رشته (string) چیست؟     string یک نوع داده در برنامه نویسی هست. این نوع...
variables
متغییر ها (variables) در جاوا اسکریپت و 3 نوع متغییر ها
متغییر (variable) چیست؟ متغیر (Variable) موضوعی هست که به یک مکان خاص در حافظه کامپیوتر...

11 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • مجید کارگر گفت:
    8 خرداد 1403 در 9:56 ق.ظ

    خیلی سریع و دقیق به موضوع اصلی اشاره شده. ممنون از این مقاله خوب

    پاسخ
  • Maedeh گفت:
    13 بهمن 1402 در 12:20 ق.ظ

    قشنگ توضیح دادی👌عالی بود

    پاسخ
  • ناشناس گفت:
    29 دی 1402 در 1:43 ق.ظ

    کاربردی بود

    پاسخ
  • نیما خواستار گفت:
    27 دی 1402 در 1:01 ق.ظ

    سلام
    مجله خیلی خوبی بود فقط عکس ها یکم کوچیک بودن😁

    پاسخ
    • Fatemeh Satouri گفت:
      28 دی 1402 در 3:32 ق.ظ

      حل شد. مرسی از نظرتون

  • hamed گفت:
    23 دی 1402 در 9:17 ب.ظ

    عکس ها خیلی کوچیکن درست دیده نمیشن

    پاسخ
    • Fatemeh Satouri گفت:
      28 دی 1402 در 3:33 ق.ظ

      مشکل عکس ها حل شد دوست عزیز. مرسی از نظرتون.

  • مارال گفت:
    19 دی 1402 در 4:14 ق.ظ

    چه بامزه توضیح دادی 🥰

    پاسخ
    • Fatemeh Satouri گفت:
      28 دی 1402 در 3:33 ق.ظ

      ممنونم مارال جان.

  • Netions گفت:
    18 دی 1402 در 3:21 ق.ظ

    عالی بود

    پاسخ
    • Fatemeh Satouri گفت:
      28 دی 1402 در 3:34 ق.ظ

      متشکرم از نگاه گرمتون

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

جستجو برای:
نوشته‌های تازه
  • استاندارد های فنی حرفه ای برای حوزه وب
  • 2 روش ساخت آبجکت (object) در جاوا اسکریپت
  • آرایه (array) در جاوا اسکریپت و 4 روش تغییر عضو های آرایه
  • عدد (number) در جاوا اسکریپت و 2 نوع اصلی و مهم اعداد
  • رشته (string) چیست و 3 روش پیاده سازی آنها
اطلاعات تماس
  • 02191030701
  • khateri.amirhossein@yahoo.com
فهرست سفارشی
  • صفحه اصلی
  • تماس با ما
  • حساب کاربری من
  • درباره ما
  • سبد خرید
  • لیست دوره های مگادمی

تمامی حقوق برای آکادمی آنلاین مگادمی محفوظ می باشد.
ورود ×
ورود با کد تایید
ارسال مجدد کد تایید(00:60)
حساب کاربری ندارید؟
عضویت

ارسال مجدد کد تایید (00:60)
بازگشت به صفحه ورود

ورود

رمز عبور را فراموش کرده اید؟

ارسال مجدد کد تایید (00:60)

هنوز عضو نشده اید؟ عضویت در سایت