Hướng dẫn type conversion javascript - loại javascript chuyển đổi

Number() chuyển thành một số, String() chuyển thành một chuỗi, Boolean() chuyển thành một Boolean.

Các kiểu dữ liệu trong JavaScript(JavaScript Data Types)

Trong JavaScript có 5 kiểu dữ liệu khác nhau có thể chứa các giá trị:

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  0

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  1

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  2

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  3

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  4

Có 6 kiểu đối tượng:

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  5

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  6

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  7

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  8

• 
  
  
  
  The JavaScript constructor Property
  
  The constructor property returns the constructor function for a variable or an 
  object.
  
  
  
  
  
  
  
  

  9

• function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
  }

  0

Và hai kiểu dữ liệu không thể chứa giá trị:

• function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
  }

  1

• function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
  }

  2

Toán tử typeof

Bạn có thể sử dụng toán tử 

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

ví dụ

typeof "John"                 // Returns "string"
typeof 3.14                   // Returns "number"
typeof NaN                    // Returns "number"
typeof false                  // Returns "boolean"
typeof [1,2,3,4]              // Returns "object"
typeof {name:'John', age:34}  // Returns "object"
typeof new Date()             // Returns "object"
typeof function () {}         // Returns "function"
typeof myCar                  // Returns "undefined" *
typeof null                   // Returns "object"

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

Xin hãy quan sát:

• Kiểu dữ liệu của NaN là number
• Kiểu dữ liệu của mảng là object
• Kiểu dữ liệu của thời gian là object
• Kiểu dữ liệu của null là object
• Kiểu dữ liệu của một biến không xác định là undefined * undefined *
• Kiểu dữ liệu của một biến chưa được gán giá trị cũng là undefined * undefined *

Tip: Bạn không thể dùng typeof để xác định nếu một đối tượng JavaScript là một mảng (hoặc một thời gian).typeof để xác định nếu một đối tượng JavaScript là một mảng (hoặc một thời gian).

Kiểu dữ liệu của typeof

Toán tử 

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

Nhưng, toán tử  

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

Thuộc tính constructor(The constructor Property)

Thuộc tính 

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

ví dụ

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

The JavaScript constructor Property

The constructor property returns the constructor function for a variable or an 
object.

Xin hãy quan sát:

The JavaScript constructor Property

The constructor property returns the constructor function for a variable or an 
object.

ví dụ

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

Xin hãy quan sát: hàm Array :

ví dụ

Kiểu dữ liệu của NaN là number

The JavaScript constructor Property

The constructor property returns the constructor function for a variable or an 
object.

ví dụ

function isDate(myDate) {
  return myDate.constructor.toString().indexOf("Date") > -1;
}

JavaScript Date Object
This "home made" isDate() function returns true when used on an date:

Xin hãy quan sát: hàm Date :

ví dụ

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

Xin hãy quan sát:

Kiểu dữ liệu của NaN là number

• Kiểu dữ liệu của mảng là object
• Kiểu dữ liệu của thời gian là objectbởi chính JavaScript

Kiểu dữ liệu của null là object

Kiểu dữ liệu của một biến không xác định là undefined *

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

Kiểu dữ liệu của một biến chưa được gán giá trị cũng là undefined *

ví dụ

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

Xin hãy quan sát:

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

ví dụ

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

Xin hãy quan sát:

Toán tử function isArray(myArray) { return myArray.constructor.toString().indexOf("Array") > -1; }3 không phải là một biến. Nó là một toán tử. Toán tử ( +-*/ ) không có bất kì kiểu dữ liệu.

Nhưng, toán tử  

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

Thuộc tính constructor(The constructor Property)

Thuộc tính 

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

Bạn có thể kiểm tra thuộc tính cấu trúc để tìm ra nếu một đối tượng là một 

The JavaScript constructor Property

The constructor property returns the constructor function for a variable or an 
object.

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

ví dụ

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

Xin hãy quan sát:

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

The JavaScript constructor Property

The constructor property returns the constructor function for a variable or an 
object.

function isArray(myArray) {
  return myArray.constructor === Array;
}

JavaScript Array Object
This "home made" isArray() function returns true when used on an array:

The JavaScript constructor Property

The constructor property returns the constructor function for a variable or an 
object.

Tự động bởi chính JavaScript

Chuyển số thành chuỗi

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

Phương thức toàn cục 

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

Nó có thể được dùng trên bất kì kiểu số nào, số cố định, các biến, hoặc các biểu thức:

Phương thức của số 

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

The JavaScript typeof Operator

The typeof operator returns the type of a variable, object, function or expression.

Trong chương phương thức của các số, bạn sẽ tìm thấy nhiều hơn các phương thức có thể sử dụng để chuyển số thành chuỗi:

Tip: Bạn không thể dùng typeof để xác định nếu một đối tượng JavaScript là một mảng (hoặc một thời gian).

ví dụ

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

Kiểu dữ liệu của typeof

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

ví dụ

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

Toán tử function isArray(myArray) { return myArray.constructor.toString().indexOf("Array") > -1; }3 không phải là một biến. Nó là một toán tử. Toán tử ( +-*/ ) không có bất kì kiểu dữ liệu.

Nhưng, toán tử  

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

Thuộc tính constructor(The constructor Property)

Phương thức toàn cục 

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

Phương thức của thời gian 

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

(Chuyển kiểu tự động)Automatic Type Conversion

Mỗi khi JavaScript cố gắng tính toán trên một kiểu dữ liệu "sai", nó sẽ cố gắng chuyển giá trị thành "đúng" kiểu.

Kết quả không phải lúc nào cũng như bạn mong muốn:

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

(Chuyển kiểu chuỗi tự động)Automatic String Conversion

JavaScript tự động gọi hàm 

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

JavaScript Arrays

This "home made" isArray() function returns true when used on an array:

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

Số và các boolean cũng được chuyển đổi, nhưng điều này cũng không được hiển thị rõ ràng cho lắm:

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

Bảng chuyển kiểu JavaScript(JavaScript Type Conversion Table)

Boolean

false  biểu thi giá trị (một vài) lập trình viên có thể không mong đợi.