Phương pháp nào chuyển đổi một mảng thành chuỗi trong javascript?

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

đầu ra

Ví dụ2. Chuyển đổi một mảng 'mùa' thành dạng chuỗi

đầu ra

Ví dụ3. Chuyển đổi một mảng chứa các giá trị số thành chuỗi

đầ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

đầ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

đầu ra

Sau khi nhấp vào nút 'chuyển đổi', mảng chuyển đổi thành chuỗi

Phương thức nào chuyển đổi một mảng thành chuỗi?

Làm cách nào để chuyển đổi một mảng thành một chuỗi trong JavaScript?

Làm cách nào để chuyển đổi một mảng thành chuỗi?

Làm cách nào để chuyển đổi mảng đối tượng thành chuỗi trong JavaScript?