Để boolean javascript

Giới thiệu

Minh Hoàng

Xin chào, tôi là Hoàng Ngọc Minh, hiện đang làm BrSE, tại công ty Toyota, Nhật Bản. Những điều tôi viết trên blog này là những kinh nghiệm thực tế tôi đã rút ra được trong cuộc sống, quá trình học tập và làm việc. Các bài viết được biên tập một cách chi tiết, linh hoạt để giúp bạn đọc có thể tiến gần một cách dễ dàng nhất. Hi vọng nó sẽ hữu ích hoặc mang lại một góc nhìn khác cho bạn[. ]

Trong bài hướng dẫn tự học JavaScript này, bạn sẽ học cách chuyển đổi kiểu dữ liệu của một giá trị trong JavaScript

Chuyển đổi kiểu dữ liệu trong JavaScript

Rất nhiều lập trình viên đang làm việc với JavaScript hoặc gặp lỗi bắt nguồn từ kiểu dữ liệu không đúng như mong muốn. Chính vì thế, hãy chú ý khi học phần này bạn nhé

> Tham khảo. KHÓA HỌC LẬP TRÌNH VIÊN (Full stack). Học tập theo lộ trình bài bản, chi tiết dưới sự hướng dẫn của đại diện nhà tuyển dụng (liên kết Đào tạo - Tuyển dụng) của NIIT - ICT Hà Nội.  

1. Chuyển đổi kiểu dữ liệu tự động

Là một ngôn ngữ động, hầu hết, JavaScript tự động chuyển đổi giá trị từ kiểu dữ liệu này sang kiểu dữ liệu khác khi được sử dụng trong biểu thức

Ví dụ, trong phép toán, các giá trị được tự động chuyển thành số

Tuy nhiên, tự động chuyển đổi kiểu dữ liệu có thể mang lại kết quả cuối cùng không như bạn mong đợi

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

Bởi vì có nhiều trường hợp khác nhau như vậy, để đảm bảo an toàn, có những vấn đề khi chúng ta cần chuyển thủ công một giá trị từ kiểu dữ liệu này sang kiểu dữ liệu khác

JavaScript cung cấp một số phương thức khác nhau để thực hiện tác vụ chuyển đổi kiểu dữ liệu đó

Trong các phần sau chúng ta sẽ thảo luận chi tiết về các phương thức này

2. Chuyển đổi giá trị thành số

Yêu cầu chuyển đổi số thường được yêu cầu khi chúng ta đọc giá trị từ đầu vào dạng chuỗi dưới dạng nhập văn bản

Tất cả những gì người dùng nhập từ bàn phím đều là văn bản

Nhưng chúng ta lại mong đợi nó là số hoặc coi nó là số để sử dụng tính toán

Trong những trường hợp như vậy, bạn có thể sử dụng phương thức toàn cục Number() để chuyển chuỗi thành số

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

Nếu chuỗi không phải là một số hợp lệ, kết quả sẽ là NaN. void string will convert to 0

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

3. Switching value to string

Tương tự như trên, đối với chuỗi. Bạn có thể sử dụng phương thức String() để chuyển đổi một giá trị thành một chuỗi

Ví dụ sau đây sẽ chỉ cho bạn cách chuyển giá trị Boolean thành một chuỗi

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

Phương thức String() có thể được sử dụng trên bất kỳ loại số, biến hoặc biểu thức nào

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

Ngoài ra, một kỹ thuật khác để chuyển chuỗi số thành sử dụng phương thức toString()

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

4. Move value to boolean

Chuyển đổi boolean cũng khá dễ dàng. Bạn có thể sử dụng phương thức Boolean() để chuyển đổi bất kỳ giá trị nào thành giá trị Boolean (nghĩa là đúng hoặc sai)

Các giá trị trống trực tiếp quan trọng như. 0, null, false, undefined, NaN hoặc một chuỗi rỗng ("") trở thành false

Các giá trị khác trở thành đúng, như được hiển thị trong ví dụ ở đây

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

Nếu bạn xem kỹ ví dụ, bạn sẽ thấy phương thức Boolean() trả về true cho chuỗi có số 0 và chuỗi 'false', trong khi nó trả về false đối với các giá trị 0 và false

Bởi vì, trong một số ngôn ngữ lập trình (có thể là PHP), chuỗi '0' được coi là sai. Nhưng trong JavaScript, một chuỗi không trống luôn đúng

Có nghĩa là chỉ cần không rỗng thì là true, bất kể là chuỗi "0" hay là chuỗi "false"

5. Chuyển đổi đối tượng về kiểu nguyên thủy

Tất cả các chuyển đổi mà chúng tôi đã thấy cho đến nay đều được thực hiện trên các kiểu nguyên thủy (kiểu dữ liệu chỉ có thể chứa một loại giá trị duy nhất tại một thời điểm)

Nhưng điều gì sẽ xảy ra với các loại dữ liệu phức tạp như object (đối tượng), chúng ta hãy thử xem

JavaScript tự động thực hiện chuyển đối tượng thành chuỗi khi chúng ta cố gắng đưa vào một đối tượng như cảnh báo(obj) hoặc tài liệu. viết (đối tượng)

Tương tự như vậy, việc chuyển đổi các đối tượng thành số được thực hiện tự động khi chúng tôi cố gắng CỘNG hoặc TRỪ các đối tượng hoặc áp dụng các hàm toán học, giả hạn như cộng hoặc trừ ngày các đối tượng

Xem thêm. Ngày và giờ trong JavaScript

This is a ví dụ

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

Bạn cũng có thể thực hiện chuyển đối tượng thành chuỗi theo cách thủ công bằng phương thức toString()

Phương thức này trả về biểu thức dạng chuỗi của đối tượng

Ngoài ra, bạn có thể sử dụng phương thức valueOf() trên một số đối tượng như Date để thực hiện chuyển đối tượng thành số

This is a ví dụ

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

Lưu ý. Chuyển đối tượng sang Boolean là không có ý nghĩa, vì tất cả các đối tượng (bao gồm cả mảng và hàm) đều đúng trong ngữ cảnh boolean. Vì thế, chỉ có chuyển đổi chuỗi và số

6. Chuyển đổi kiểu dữ liệu bằng toán tử

Một số JavaScript toán tử được xác định rõ ràng nhất, không có giới hạn như toán tử + và -, cũng có thể được sử dụng để thực hiện chuyển đổi kiểu dữ liệu

Hãy xem minh họa trong ví dụ sau

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

// Hoặc:
function myFunction() {    
    document.getElementById("demo").innerHTML = 10 > 9;
}

Qua bài viết hướng dẫn này, mình hy vọng bạn đã hiểu những kiến ​​thức cơ bản về chuyển đổi kiểu dữ liệu trong JavaScript

Ngoài ra, bạn có thể đọc thêm về Các kiểu dữ liệu trong JavaScript để biết thêm về kiểu dữ liệu của mình nhé