Phương thức toString[] của JavaScript hoạt động trên một đối tượng nhất định, trả về biểu diễn văn bản của nó dưới dạng một chuỗi
Áp dụng phương thức toString[] cho một mảng sẽ trả về các giá trị trong mảng dưới dạng một chuỗi
Chuyển đổi một mảng thành một chuỗi
Hãy xem xét ba ví dụ về chuyển đổi một mảng thành một chuỗi
Chuyển đổi một mảng số
const numArray = [6, 5, 4]; numArray.toString[]; // expected output: 6,5,4
Như chúng ta có thể thấy ở trên, mỗi phần tử được chuyển đổi thành một chuỗi, được phân tách bằng dấu phẩy, sau đó trả về cho người dùng dưới dạng một chuỗi
Ghi chú. các dấu ngoặc vuông mà chúng ta đã sử dụng để xác định mảng đã biến mất. JavaScript loại bỏ chúng khi nó xâu chuỗi nội dung
Chuyển đổi một mảng các chuỗi
const strArray= ['a', 'b', 'c']; strArray.toString[]; // expected output: a,b,c
Đoạn mã trên nối tất cả các chuỗi trong mảng lại với nhau thành một chuỗi duy nhất được phân cách bằng dấu phẩy, biểu thị các giá trị trong mảng
Chuyển đổi mảng hỗn hợp [cả số và chuỗi]
const mixArray = ['5', 32, 'Daniel']; mixArray.toString[]; // expected output: 5,32,Daniel
Mã này lấy một mảng hỗn hợp và trả về biểu diễn chuỗi được phân tách bằng dấu phẩy, lần lượt chuyển đổi từng loại dữ liệu thành một chuỗi
Chuyển đổi một chuỗi trở lại một mảng
Trong các mẫu mã ở trên, các chuỗi được trả về có tất cả các giá trị mảng được phân tách bằng dấu phẩy. Chúng ta có thể sử dụng phương thức split[] để tạo lại mảng. Chỉ cần chuyển ký tự “,” làm đối số cho phương thức split[] và JavaScript sẽ tạo một mảng dựa trên nội dung
const str = mixArray.toString[]; const backToArr = str.split[',']; console.log['backToArr: ', backToArr]; // expected output: ["5", "32", "Daniel"]
Đoạn mã trên lấy chuỗi được phân cách bằng dấu phẩy của chúng ta từ ví dụ trước [“5,32,Daniel”] và chuyển đổi nó trở lại thành một mảng
Ghi chú. Phương thức này sẽ luôn mang lại một chuỗi làm kiểu dữ liệu. Trong ví dụ ban đầu, const mixArray chứa giá trị 32 dưới dạng số nguyên. Sau khi chuyển đổi mảng này thành chuỗi và ngược lại, giá trị “32” hiện có kiểu chuỗi. Hãy ghi nhớ điều này khi làm việc với các mảng của bạn – JavaScript không phải lúc nào cũng có thể cho biết loại đối tượng được coi là gì khi xem các biểu diễn chuỗi
Nếu chúng ta không chuyển một ký tự phân cách cho phương thức split[], thì phương thức này sẽ trả về một giá trị duy nhất – chuỗi được cung cấp làm đầu vào. Xem hành vi trong ví dụ mã bên dưới
const str = mixArray.toString[]; const backToArr = str.split[]; console.log['backToArr: ', backToArr]; // expected output: backToArr: ["5,32,Daniel"]
Bạn có thể xem thêm một số ví dụ áp dụng phương thức split[] tại đây
Làm việc với Mảng lồng nhau
Các mảng lồng nhau được xử lý theo cách thú vị trong JavaScript. Lấy mã ví dụ sau, bao gồm một mảng có các phần tử mảng lồng nhau
const arrInArr = [ '5', 32, [ 'Daniel', 4 ] ]; arrInArr.toString[]; // expected output: 5,32,Daniel,4
Khi toString[] được gọi trên mảng, đối tượng mảng được làm phẳng. Mảng phẳng bao gồm một mảng chứa tất cả các phần tử của mảng ban đầu, cùng với tất cả các phần tử của mảng lồng nhau, được kết hợp để xuất hiện dưới dạng một mảng. Phương thức toString[] sau đó chỉ cần phân tách tất cả các phần tử bằng dấu phẩy
Hành vi này thay đổi khi làm việc với các đối tượng. Nếu chúng ta có một mảng có đối tượng lồng nhau, như được định nghĩa trong ví dụ sau, thì giá trị chuỗi kết quả sẽ chứa [đối tượng Đối tượng]
const objInArr = ['5', 32, { name: 'Ariel', age: 40 } ]; objInArr.toString[] ; // expected output: 5,32,[object Object]
Điều này xảy ra do các loại đối tượng cơ bản. Mặc dù mảng thuộc kiểu Đối tượng, nhưng nó có khả năng tạo ra một kết quả có ý nghĩa khi áp dụng phương thức toString[]. Các đối tượng đơn giản, giống như đối tượng được bao gồm trong mảng của chúng tôi ở trên, không có hành vi này theo mặc định – chúng tôi sẽ cần phải tự thêm nó vào
Phương thức toString[] được sử dụng để chuyển đổi và biểu diễn một mảng thành dạng chuỗi. Nó trả về chuỗi chứa các phần tử mảng đã chỉ định. Dấu phẩy phân tách các phần tử này và chuỗi không ảnh hưởng đến mảng ban đầu
cú pháp
Cú pháp sau đại diện cho phương thức toString[]
Thông số
Nó không có bất kỳ tham số nào
Trở lại
Nó trả về một chuỗi chứa tất cả các phần tử của mảng đã chỉ định
Ví dụ về phương thức JavaScript toString[]
Hãy triển khai một số ví dụ để hiểu rõ hơn về phương thức toString[]
Ví dụ 1. Chuyển đổi một mảng đã cho thành định dạng chuỗi được phân tách bằng dấu phẩy
Kiểm tra nó ngay bây giờđầu ra
Ví dụ2. Chuyển đổi một mảng 'mùa' thành dạng chuỗi
Kiểm tra nó ngay bây giờđầu ra
Ví dụ3. Chuyển đổi một mảng chứa các giá trị số thành chuỗi
Kiểm tra nó ngay bây giờđầu ra
Ví dụ4. Chúng ta cũng có thể biểu diễn một mảng do người dùng định nghĩa thành định dạng chuỗi. Hãy xem trong ví dụ này
Kiểm tra nó ngay bây giờđầu ra
Sau khi nhập kích thước mảng trong hộp văn bản và các thành phần trong hộp nhắc
Ví dụ5. Hãy chuyển đổi một mảng được xác định trước thành chuỗi thông qua ví dụ này
Kiểm tra nó ngay bây giờđầu ra
Sau khi nhấp vào nút 'chuyển đổi', mảng chuyển đổi thành chuỗi