Bagaimana Anda menggunakan ini? : operator (kondisional) dalam JavaScript?

Dapatkah seseorang tolong jelaskan kepada saya dengan kata-kata sederhana apa itu ?:operator (kondisional, "ternary") dan bagaimana cara menggunakannya?

Ini adalah singkatan satu baris untuk pernyataan if-else. Ini disebut operator kondisional. ¹

Berikut adalah contoh kode yang dapat disingkat dengan operator bersyarat:

var userType;
if (userIsYoungerThan18) {
  userType = "Minor";
} else {
  userType = "Adult";
}

if (userIsYoungerThan21) {
  serveDrink("Grape Juice");
} else {
  serveDrink("Wine");
}

Ini dapat disingkat dengan ?:seperti ini:

var userType = userIsYoungerThan18 ? "Minor" : "Adult";

serveDrink(userIsYoungerThan21 ? "Grape Juice" : "Wine");

Seperti semua ekspresi, operator kondisional juga dapat digunakan sebagai pernyataan mandiri dengan efek samping, meskipun ini tidak biasa di luar minifikasi:

userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

Mereka bahkan dapat dirantai:

serveDrink(userIsYoungerThan4 ? 'Milk' : userIsYoungerThan21 ? 'Grape Juice' : 'Wine');

Namun, berhati-hatilah, karena Anda akan berakhir dengan kode berbelit-belit seperti ini:

var k = a ? (b ? (c ? d : e) : (d ? e : f)) : f ? (g ? h : i) : j;

¹ Sering disebut "operator terner," namun pada kenyataannya itu hanya sebuah operator ternary [operator menerima tiga operan]. Hanya itu yang dimiliki JavaScript saat ini.

Saya ingin menambahkan beberapa ke jawaban yang diberikan.

Jika Anda menemukan (atau ingin menggunakan) suatu terner dalam situasi seperti 'tampilkan variabel jika disetel, jika tidak ...', Anda dapat membuatnya lebih pendek, tanpa terner .

Dari pada:

var welcomeMessage  = 'Hello ' + (username ? username : 'guest');

Kamu bisa menggunakan:

var welcomeMessage  = 'Hello ' + (username || 'guest');

Ini adalah Javascripts sama dengan operator ternary PHP steno ?:

Atau bahkan:

var welcomeMessage  = 'Hello ' + (username || something || maybethis || 'guest');

Ini mengevaluasi variabel, dan jika itu salah atau tidak disetel, ia melanjutkan ke yang berikutnya.

Ini disebut operator 'ternary' atau 'conditional'.

Contoh

Operator?: Dapat digunakan sebagai pintasan untuk pernyataan if ... else. Ini biasanya digunakan sebagai bagian dari ekspresi yang lebih besar di mana pernyataan if ... else akan canggung. Sebagai contoh:

var now = new Date();
var greeting = "Good" + ((now.getHours() > 17) ? " evening." : " day.");

Contoh membuat string yang berisi "Selamat malam." jika setelah jam 6 sore. Kode yang setara menggunakan pernyataan if ... else akan terlihat sebagai berikut:

var now = new Date();
var greeting = "Good";
if (now.getHours() > 17)
   greeting += " evening.";
else
   greeting += " day.";

Dari dokumentasi MSDN JS .

Pada dasarnya ini adalah pernyataan kondisional steno.

Lihat juga:

• Operator diutamakan dengan operator Javascript Ternary
• Wikipedia

Agak sulit untuk Google ketika semua yang Anda miliki adalah simbol;) Persyaratan yang digunakan adalah "operator kondisional javascript".

Jika Anda melihat simbol lucu lagi di Javascript, Anda harus mencoba mencari operator Javascript terlebih dahulu: daftar operator MDC . Satu-satunya pengecualian yang mungkin Anda temui adalah $simbol .

Untuk menjawab pertanyaan Anda, operator bersyarat mengganti pernyataan sederhana jika. Contoh terbaik:

var insurancePremium = age > 21 ? 100 : 200;

Dari pada:

var insurancePremium;

if (age > 21) {
    insurancePremium = 100;
} else {
    insurancePremium = 200;
}

z = (x == y ? 1 : 2);

setara dengan

if (x == y)
    z = 1;
else
    z = 2;

kecuali, tentu saja, lebih pendek.

Sebagian besar jawabannya benar tetapi saya ingin menambahkan sedikit lebih banyak. The operator ternary benar-asosiatif, yang berarti dapat dirantai dengan cara berikut if … else-if … else-if … else:

function example() {
    return condition1 ? value1
         : condition2 ? value2
         : condition3 ? value3
         : value4;
}

Setara dengan:

function example() {
    if (condition1) { return value1; }
    else if (condition2) { return value2; }
    else if (condition3) { return value3; }
    else { return value4; }
}

Lebih detail ada di sini

Ini disebut operator ternary

tmp = (foo==1 ? true : false);

Operator ternary

Biasanya kami memiliki pernyataan bersyarat dalam Javascript.

Contoh:

if (true) {
    console.log(1)
} 
else {
    console.log(0)
}
# Answer
# 1

tetapi itu berisi dua atau lebih baris dan tidak dapat menetapkan ke variabel. Javascript punya solusi untuk Operator Ternary Bermasalah ini . Operator Ternary dapat menulis dalam satu baris dan menetapkan ke variabel.

Contoh:

var operator = true ? 1 : 0
console.log(operator)
# Answer
# 1

Operator Ternary ini Mirip dalam bahasa pemrograman C.

Hei, sobat, ingat, js bekerja dengan mengevaluasi benar atau salah, kan?

mari kita ambil operator ternary:

questionAnswered ? "Awesome!" : "damn" ;

Pertama, js memeriksa apakah pertanyaan yang Dijawab adalah trueatau false.

jika true( ?) Anda akan mendapatkan "Luar Biasa!"

lain ( :) Anda akan mendapatkan "sial";

Semoga ini bisa membantu teman :)

Ini if statementsemua dalam satu baris.

Begitu

var x=1;
(x == 1) ? y="true" : y="false";
alert(y);

Ekspresi yang akan dievaluasi adalah di ( )

Jika cocok dengan benar, jalankan kode setelah ?

Jika cocok dengan false, jalankan kode setelah :

x = 9
y = 8

unary

++x
--x

Biner

z = x + y

Ternary

2>3 ? true : false;
2<3 ? true : false;
2<3 ? "2 is lesser than 3" : "2 is greater than 3";

Ini disebut ternary operator. Untuk info lebih lanjut, inilah pertanyaan lain yang saya jawab mengenai ini:

Cara menulis pernyataan IF else tanpa 'else'

Ini mungkin bukan cara yang paling elegan untuk melakukan ini. Tetapi bagi seseorang yang tidak terbiasa dengan operator ternary, ini bisa terbukti bermanfaat. Preferensi pribadi saya adalah melakukan fallback 1-liner alih-alih blok kondisi.

  // var firstName = 'John'; // Undefined
  var lastName = 'Doe';

  // if lastName or firstName is undefined, false, null or empty => fallback to empty string
  lastName = lastName || '';
  firstName = firstName || '';

  var displayName = '';

  // if lastName (or firstName) is undefined, false, null or empty
  // displayName equals 'John' OR 'Doe'

  // if lastName and firstName are not empty
  // a space is inserted between the names
  displayName = (!lastName || !firstName) ? firstName + lastName : firstName + ' ' + lastName;


  // if display name is undefined, false, null or empty => fallback to 'Unnamed'
  displayName = displayName || 'Unnamed';

  console.log(displayName);

Operator ternary

Kita bisa menggunakan dengan Jquery dan panjangnya seperti contoh di bawah ini:

Misalkan kita memiliki kotak teks GuarantorName yang memiliki nilai dan ingin mendapatkan nama depan dan nama belakang - itu mungkin nol. Jadi rathar daripada

        var gnamesplit = $("#txtGuarantorName").val().split(" ");
        var gLastName = "";
        var gFirstName = "";
        if(gnamesplit.length > 0 ){
           gLastName  = gnamesplit[0];        
        }
        if(gnamesplit.length > 1 ){
           gFirstName = gnamesplit[1];        
        }

Kita dapat menggunakan kode di bawah ini dengan Jquery dengan kode minimum

    

    var gnamesplit = $("#txtGuarantorName").val().split(" ");
    var gLastName = gnamesplit.length > 0  ? gnamesplit[0] : "";
    var gFirstName =  gnamesplit.length > 1  ? gnamesplit[1] : "";
    $("#txtLastName").val(gLastName);
    $("#txtFirstName").val(gFirstName);
    
    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div >
  Guarantor Name: <input type="text" id="txtGuarantorName" value="ASP.NET Core"  /><br/>
  <br/>
  <br/>
  
  First Name: <input type="text" id="txtLastName" value="ASP.NET Core"  />
  Last Name: <input type="text" id="txtFirstName" value="ASP.NET Core"  />
</div>

Ekspresi ternary sangat berguna di JS, terutama Bereaksi. Inilah jawaban yang disederhanakan untuk banyak yang baik, detail yang disediakan.

condition ? expressionIfTrue : expressionIfFalse

Anggap expressionIfTruesebagai OG jika pernyataan itu benar;
anggap expressionIfFalsesebagai pernyataan lain.

Contoh:

var x = 1;
(x == 1) ? y=x : y=z;

ini memeriksa nilai x, y pertama = (nilai) dikembalikan jika benar, pengembalian kedua setelah titik dua: kembali y = (nilai) jika salah.

Operator kondisional (ternary) adalah satu-satunya operator JavaScript yang mengambil tiga operan. Operator ini sering digunakan sebagai jalan pintas untuk pernyataan if.

condition ? expr1 : expr2 

Jika kondisinya benar, operator mengembalikan nilai expr1; jika tidak, ia mengembalikan nilai expr2.

function fact(n) {
  if (n > 1) {
    return n * fact(n-1);
  } else {
    return 1;
  }
  // we can replace the above code in a single line of code as below
  //return (n != 1) ? n * fact(n - 1) : 1;
}
console.log(fact(5));

Untuk klarifikasi lebih lanjut silakan baca tautan dokumen MDN

Jika Anda memiliki satu kondisi, periksa fungsi instance dalam javascript . mudah untuk menggunakan operator ternary . yang hanya perlu satu baris untuk diimplementasikan. Ex:

    private module : string ='';
    private page:boolean = false;
    async mounted(){
     if(this.module=== 'Main')
    {
    this.page = true;}
    else{
    this.page = false;
    }
}

fungsi seperti ini dengan satu syarat dapat ditulis sebagai berikut.

this.page = this.module=== 'Main' ?true:false;

kondisi ? jika Benar: jika Salah

 (sunday == 'True') ? sun="<span class='label label-success'>S</span>" : sun="<span class='label label-danger'>S</span>";

 sun = "<span class='label " + ((sunday === 'True' ? 'label-success' : 'label-danger') + "'>S</span>"