JavaScript Booleans

Πίνακας περιεχομένων

    Εμφάνιση πίνακα περιεχομένων

Ένας Boolean JavaScript αντιπροσωπεύει μία από τις δύο τιμές: true ή ψευδή.

Boolean Values

Πολύ συχνά, στον προγραμματισμό, θα χρειαστείτε έναν τύπο δεδομένων που μπορεί να έχει μόνο έναν δύο αξιών, όπως

  • ΝΑΙ ΟΧΙ

  • ON/OFF

  • ΣΩΣΤΟ ΛΑΘΟΣ

Για αυτό, η JavaScript έχει έναν τύπο δεδομένων Boolean. Μπορεί μόνο πάρτε τις τιμές true ή false.

Η συνάρτηση Boolean().

Μπορείτε να χρησιμοποιήσετε τη συνάρτηση Boolean() για να μάθετε εάν μια έκφραση (ή μια μεταβλητή) είναι αληθής:

Παράδειγμα

Boolean(10 > 9)

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the value of Boolean(10 &gt; 9):</p>

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

<script>
document.getElementById("demo").innerHTML = Boolean(10 > 9);
</script>

</body>
</html>

Ή ακόμα πιο εύκολο:

Παράδειγμα

(10 > 9)
10 > 9

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the value of 10 &gt; 9:</p>

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

<script>
document.getElementById("demo").innerHTML = 10 > 9;
</script>

</body>
</html>

Συγκρίσεις και συνθήκες

Το κεφάλαιο JS Comparisons παρέχει μια πλήρη επισκόπηση των τελεστών σύγκρισης.

Το κεφάλαιο JS Conditions παρέχει μια πλήρη επισκόπηση των δηλώσεων υπό όρους.

Να μερικά παραδείγματα:

==

Περιγραφή: ίσο με

Παράδειγμα:

if (day == "Monday")
>

Περιγραφή: μεγαλύτερη από

Παράδειγμα:

if (salary > 9000)
<

Περιγραφή: λιγότερο από

Παράδειγμα:

if (age < 18)

Η Boolean τιμή μιας έκφρασης είναι η βάση για όλες τις συγκρίσεις και τις συνθήκες JavaScript.

Όλα με «Αξία» είναι Αληθινά

Παραδείγματα

100

3.14

-15

"Hello"

"false"

7 + 1 + 3.14

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"100 is " + Boolean(100) + "<br>" +
"3.14 is " + Boolean(3.14) + "<br>" +
"-15 is " + Boolean(-15) + "<br>" +
"Any (not empty) string is " + Boolean("Hello") + "<br>" +
"Even the string 'false' is " + Boolean('false') + "<br>" +
"Any expression (except zero) is " + Boolean(1 + 7 + 3.14);
</script>

</body>
</html>

Όλα Χωρίς «Αξία» είναι Ψεύτικα

Η τιμή Boole του 0 (μηδέν) είναι false:

let x = 0;
Boolean(x);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the Boolean value of 0:</p>

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

<script>
let x = 0;
document.getElementById("demo").innerHTML = Boolean(x);
</script>

</body>
</html>

Η Boolean τιμή του -0 (μείον μηδέν) είναι false:

let x = -0;
Boolean(x);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the Boolean value of  -0:</p>

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

<script>
let x = -0;
document.getElementById("demo").innerHTML = Boolean(x);
</script>

</body>
</html>

Η τιμή Boole του "" (κενή συμβολοσειρά) είναι false:

let x = "";
Boolean(x);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the Boolean value of "":</p>

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

<script>
let x = "";
document.getElementById("demo").innerHTML = Boolean("");
</script>

</body>
</html>

Η Boolean τιμή του undefined είναι false:

let x;
Boolean(x);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the Boolean value of undefined:</p>

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

<script>
let x;
document.getElementById("demo").innerHTML = Boolean(x);
</script>

</body>
</html>

Η Boolean τιμή του null είναι false:

let x = null;
Boolean(x);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the Boolean value of null:</p>

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

<script>
let x = null;
document.getElementById("demo").innerHTML = Boolean(x);
</script>

</body>
</html>

Η Boolean τιμή του false είναι (το μαντέψατε) false:

let x = false;
Boolean(x);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the Boolean value of false:</p>

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

<script>
let x = false;
document.getElementById("demo").innerHTML = Boolean(x);
</script>

</body>
</html>

Η Boolean τιμή του NaN είναι false:

let x = 10 / "Hallo";
Boolean(x);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Display the Boolean value of NaN:</p>

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

<script>
let x = 10 / "Hello";
document.getElementById("demo").innerHTML = Boolean(x);
</script>

</body>
</html>

JavaScript Booleans ως αντικείμενα

Κανονικά τα booleans JavaScript είναι πρωτόγονες τιμές που δημιουργούνται από literals:

let x = false;

Αλλά τα booleans μπορούν επίσης να οριστούν ως αντικείμενα με τη λέξη-κλειδί new:

let y = new Boolean(false);

Παράδειγμα

let x = false;
let y = new Boolean(false);

 //
typeof x returns boolean
 //
typeof y returns object

Μην δημιουργείτε Boolean αντικείμενα.

Η λέξη-κλειδί new περιπλέκει τον κώδικα και επιβραδύνει την ταχύτητα εκτέλεσης.

Τα Boolean αντικείμενα μπορούν να παράγουν απροσδόκητα αποτελέσματα:

Όταν χρησιμοποιείτε τον τελεστή ==, τα x και y είναι ίσα:

let x = false;
let y = new Boolean(false);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Booleans and Boolean objects cannot be safely compared:</p>

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

<script>
let x = false;         // x is a boolean
let y = new Boolean(false);  // y is an object
document.getElementById("demo").innerHTML = (x==y);
</script>

</body>
</html>

Όταν χρησιμοποιείτε τον τελεστή ===, το x και το y δεν είναι ίσα:

let x = false;
let y = new Boolean(false);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Booleans and Boolean objects cannot be safely compared:</p>

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

<script>
let x = false;         // x is a Boolean
let y = new Boolean(false);  // y is an object
document.getElementById("demo").innerHTML = (x===y);
</script>

</body>
</html>

Σημειώστε τη διαφορά μεταξύ (x==y) και (x===y).

(x == y) true ή false;

let x = new Boolean(false);
let y = new Boolean(false);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Booleans and Boolean objects cannot be safely compared.</p>

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

<script>
const x = new Boolean(false);
const y = new Boolean(false);
document.getElementById("demo").innerHTML = (x==y);
</script>

</body>
</html>

(x === y) true ή false;

let x = new Boolean(false);
let y = new Boolean(false);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Booleans</h1>
<p>Booleans and Boolean objects cannot be safely compared.</p>

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

<script>
const x = new Boolean(false);
const y = new Boolean(false);
document.getElementById("demo").innerHTML = (x===y);
</script>

</body>
</html>

Η σύγκριση δύο αντικειμένων JavaScript πάντα επιστρέφει false.

Πλήρης Boolean Reference

Για πλήρη αναφορά, μεταβείτε στο Complete μας Αναφορά Boolean JavaScript.

Η αναφορά περιέχει περιγραφές και παραδείγματα όλων των ιδιοτήτων και μεθόδων Boolean.