IMG-LOGO
×

Tài Liệu Học

Khoá học lập trình Javascript

Khai báo biến & hàm mặc định trong Javascript

[Video] Tạo dự án JS đầu tiên - Lập Trình JS [Video] Khai báo biến - toán tử - Lập Trình JavaScript [Video] Các hàm sẵn có trong js - Khoá Học Lập Trình JS

Mệnh đề điều kiện

[Video] Cấu trúc điều kiện if else switch - Lập trình Javascript

Vòng lặp for, while, do..while

[Video] Tìm hiểu vòng lặp for, while, do .. while trong Javascript

Array & Function & Object

[Video] Tìm hiểu Function trong Javascript [Video] Tìm hiểu Array trong Javascript [Video] Khai báo Object trong Javascript [Video] Gửi giữ liệu qua các trang html bằng javascript - HTML/CSS [Video] Bài tập - ôn tập mảng - quản lý sinh viên - Lập trình Javascript [Video] Khai báo function trong Object - Lập trình Javascript [Video] Tìm hiểu function trong string - Lập trình Javascript

Xử lý sự kiện & thao tác thẻ HTML

[Video] Event - Lập Trình JS [Video] Tương tác lên tags trong HTML bằng JS [Video] Thêm tags vào tags khác bằng javascript + ví du thêm sinh viên - lập trình JS [Video] Tương tác thẻ HTML bằng Javascript qua ví dụ đặt đơn hàng (Order Entry Form) [Video] Bài tập - Quản lý sản phẩm bằng javascript - lập trình javascript [Video] Quản lý sinh viên - Lập trình Javascript

Lưu trữ Javascript

[Video] Cookie - khoá học lập trình JavaScript [Video] Localstorage - Khoá học lập trình JavaScript [Video] Lưu trữ thông tin sinh viên bằng LocalStorage - Lập trình Javascript

Examination & Ôn Tập Tổng Quát

1000 Bài tập JavaScript - Lập Trình JavaScript




Trang Chủ Học JS JavaScript Booleans

JavaScript Booleans

by GokiSoft.Com - 16:03 19/05/2020 2,630 Lượt Xem

Một JavaScript Boolean đại diện cho hai giá trị: true hoặc false



Các giá trị Boolean


Thường xuyên, trong lập trình, bạn sẽ cần kiểu dữ liệu có thể chỉ có một hoặc hai giá trị, như:

  • YES / NO
  • ON / OFF
  • TRUE / FALSE

Cho việc này, JavaScript có một kiểu dữ liệu Boolean. Nó chỉ có thể lấy giá trị true hoặc false.



Hàm Boolean()


Bạn có thể dùng hàm Boolean() để biết nếu một biểu thức (hoặc một biến) là true:

ví dụ

Boolean(10 > 9)        // returns true
<!DOCTYPE html>
<html>
<body>

<p>Display the value of Boolean(10 > 9):</p>

<button onclick="myFunction()">Try it</button>

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

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

</body>
</html>


Hoặc thậm chí dễ dàng hơn:

ví dụ

(10 > 9)              // also returns true
10 > 9                // also returns true
<!DOCTYPE html>
<html>
<body>

<p>Display the value of 10 > 9:</p>

<button onclick="myFunction()">Try it</button>

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

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

</body>
</html>



So sánh và điều kiện


Chương So sánh trong JavaScript (JavaScript Comparisons) đưa ra tổng quát hoàn chỉnh của các toán tử so sánh.

Chương Các điều kiện trong JavaScript (JavaScript Conditions) đưa ra một tổng quát hoàn chỉnh của các câu lệnh điều kiện.

Đây là một số ví dụ:

Toán tửMô tảVí dụ
==Tương đương vớiif (day == "Monday")
>Lớn hơnif (salary > 9000)
<Bé hơnif (age < 18)


Tip: Giá trị Boolean của một biểu thức là nền tảng của tất cả các so sánh và điều kiện trong JavaScript.



Tất cả mọi thứ có một "giá trị" là True


ví dụ

100

3.14

-15

"Hello"

"false"

7 + 1 + 3.14
<!DOCTYPE html>
<html>
<body>

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

<script>
var b1 = Boolean(100);
var b2 = Boolean(3.14);
var b3 = Boolean(-15);
var b4 = Boolean("Hello");
var b5 = Boolean('false');
var b6 = Boolean(1 + 7 + 3.14);

document.getElementById("demo").innerHTML =
"100 is " + b1 + "<br>" +
"3.14 is " + b2 + "<br>" +
"-15 is " + b3 + "<br>" +
"Any (not empty) string is " + b4 + "<br>" +
"Even the string 'false' is " + b5 + "<br>" +
"Any expression (except zero) is " + b6;
</script>

</body>
</html>



Tất cả mọi thứ không có "giá trị" là False


Giá trị Boolean của 0 (zero) là false:

var x = 0;
Boolean(x);       // returns false
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of 0:</p>

<button onclick="myFunction()">Try it</button>

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

<script>
function myFunction() {
  var x = 0;
  document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>


Giá trị Boolean của -0 (trừ không) là false:

var x = -0;
Boolean(x);       // returns false
<!DOCTYPE html>
<html>
<body>

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

<button onclick="myFunction()">Try it</button>

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

<script>
function myFunction() {
  var x = -0;
  document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>


Giá trị Boolean của "" (chuỗi rỗng) là false:

var x = "";
Boolean(x);       // returns false
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of "":</p>

<button onclick="myFunction()">Try it</button>

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

<script>
function myFunction() {
  var x = "";
  document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>


Giá trị Boolean của undefined là false:

var x;
Boolean(x);       // returns false
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of undefined:</p>

<button onclick="myFunction()">Try it</button>

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

<script>
function myFunction() {
  var x;
  document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>


Giá trị Boolean của null là false:

var x = null;
Boolean(x);       // returns false
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of null:</p>

<button onclick="myFunction()">Try it</button>

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

<script>
function myFunction() {
  var x = null;
  document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>


Giá trị Boolean của false là (bạn đoán đi) :

var x = false;
Boolean(x);       // returns false
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of false:</p>

<button onclick="myFunction()">Try it</button>

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

<script>
function myFunction() {
  var x = false;
  document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>


Giá trị Boolean của NaN false :

var x = 10 / "H";
Boolean(x);       // returns false
<!DOCTYPE html>
<html>
<body>

<p>Display the Boolean value of NaN:</p>

<button onclick="myFunction()">Try it</button>

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

<script>
function myFunction() {
  var x = 10 / "H";
  document.getElementById("demo").innerHTML = Boolean(x);
}
</script>

</body>
</html>



Booleans có thể là các đối tượng


Bình thường các boolean JavaScript thường có các giá trị nguyên thủy được tạo từ các giá trị gốc:

var x = false;

Nhưng các boolean cũng có thể được xác định như các đối tượng sử dụng từ khóa  new:

var y = new Boolean(false);


ví dụ

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

// typeof x returns boolean
// typeof y returns object
<!DOCTYPE html>
<html>
<body>

<p>Never create booleans as objects.</p>
<p>Booleans and objects cannot be safely compared.</p>

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

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

</body>
</html>


Tip: Đừng tạo các đối tượng Boolean. Nó làm chậm tốc độ thực thi.

Từ khóa  new làm phức tạp code. Nó có thể gây ra một số kết quả không ngờ:

Khi sử dụng toán tử == , các boolean tương đương sẽ bằng nhau:

ví dụ

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

// (x == y) is true because x and y have equal values
<!DOCTYPE html>
<html>
<body>

<p>Never create booleans as objects.</p>
<p>Booleans and objects cannot be safely compared.</p>

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

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

</body>
</html>


Khi sử dụng toán tử  === ,các boolean tương đương không bằng nhau, bởi vì  === cần sự tương đương giữa cả kiểu lẫn giá trị.

ví dụ

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

// (x === y) is false because x and y have different types
<!DOCTYPE html>
<html>
<body>

<p>Never create booleans as objects.</p>
<p>Booleans and objects cannot be safely compared.</p>

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

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

</body>
</html


Hoặc thậm chí còn tệ hơn. Các đối tượng không thể bị so sánh:

ví dụ

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

// (x == y) is false because objects cannot be compared
<!DOCTYPE html>
<html>
<body>

<p>Never create booleans as objects.</p>
<p>Booleans and objects cannot be safely compared.</p>

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

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

</body>
</html>


Tip: Ghi chú sự khác biệt giữa (x==y) và (x===y).

So sánh hai đối tương JavaScript sẽ luôn trả về false.

Bình luận



Chia sẻ từ lớp học

Phân Loại Bài Viết

Tài Liệu Tham Khảo

Đã sao chép!!!