Hướng dẫn về mảng Javascript thành chuỗi. Ở đây chúng ta thảo luận về một phương thức của mảng javascript để xâu chuỗi cùng với các ví dụ và mã khác nhau.

Bạn đang xem : js tạo chuỗi từ mảng

Mảng Javascript thành chuỗi

Giới thiệu về Javascript Array to String

Mảng Javascript là một tập hợp các phần tử của một kiểu dữ liệu tương tự. Chúng ta thường có một tập hợp các phần tử dữ liệu ở dạng mảng, các phần tử này cần được chuyển đổi thành một chuỗi vì một số lý do khác. Trong javascript, điều này có thể được thực hiện theo nhiều cách. Ở đây, chúng ta sẽ thảo luận về năm phương thức trong javascript giúp chuyển đổi một mảng thành một chuỗi một cách chi tiết. Tùy thuộc vào tình huống và yêu cầu, chúng tôi có thể sử dụng một trong hai. Mỗi phương pháp đều có ưu và nhược điểm.

  1. phương thức toString ()
  2. nhập toán tử cưỡng chế (+)
  3. phương thức join ()
  4. phương thức stringify ()
  5. Viết mã theo cách thủ công để chuyển đổi một mảng thành

Phương thức của mảng Javascript thành chuỗi

Sau đây là các phương pháp của javascript:

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, Kiểm tra phần mềm & amp; những người khác

1. phương thức toString ()

Trong javascript, chúng ta có một phương thức tích hợp chung cho tất cả các đối tượng toString () để chuyển đổi đối tượng thành kiểu dữ liệu chuỗi. Phương thức toString () này của một đối tượng được Array ghi đè để chuyển đổi đối tượng mảng thành kiểu dữ liệu chuỗi. Trong khi sử dụng phương thức toString (,), đối tượng mảng vẫn nguyên vẹn và không thay đổi, và một đối tượng mới có giá trị chuỗi của mảng được tạo. Hãy để chúng tôi hiểu cách hoạt động của nó với sự trợ giúp của một ví dụ.

Mã:

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Trình diễn sử dụng phương thức toString () để chuyển đổi mảng thành chuỗi & lt; / p & gt;
& lt; nút onclick = "convertToString ()" & gt; Chuỗi ngôn ngữ hiển thị & lt; / nút & gt;
& lt; p id = "sampleDemo" & gt; & lt; / p & gt;
& lt; script & gt;
function convertToString () {
var ngôn ngữ = ["Java", "Hibernate", "Angular", "Typescript", "Javascript", "Maven", "C", "C ++", "PHP", "Ajax", "HTML"]; var languageString = Languages.toString ();
document.getElementById ("sampleDemo"). innerHTML = languageString;
}
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Sau khi nhấp vào nút “Chuỗi ngôn ngữ hiển thị”, đầu ra của mã trên như sau.

Đầu ra:

2. Sự ép buộc kiểu JavaScript

Chúng tôi có thể sử dụng toán tử + của javascript để chuyển đổi mảng thành chuỗi. Bất cứ khi nào chúng ta thêm một mảng vào một chuỗi bằng cách sử dụng toán tử cộng, javascript sẽ chuyển đổi nội bộ các đối tượng đang được nối sang định dạng chuỗi. Tương tự, nếu chúng ta thêm một mảng trong khi thực hiện tương tự, nó sẽ được chuyển đổi thành một chuỗi. Hãy cho chúng tôi hiểu cách thực hiện điều này với sự trợ giúp của ví dụ.

Xem Thêm  Mẫu đầu vào: Sử dụng nó để thêm xác thực dữ liệu cơ bản trong HTML5 » - mẫu html5 cho tên

Mã:

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Trình diễn cưỡng chế loại javascript để chuyển đổi mảng thành chuỗi & lt; / p & gt;
& lt; nút onclick = "convertToString ()" & gt; Chuỗi ngôn ngữ hiển thị & lt; / nút & gt;
& lt; p id = "sampleDemo" & gt; & lt; / p & gt;
& lt; script & gt;
function convertToString () {
var ngôn ngữ = ["Java", "Hibernate", "Angular", "Typescript", "Javascript", "Maven", "C", "C ++", "PHP", "Ajax", "HTML"];
var languageString = các ngôn ngữ + []; document.getElementById ("sampleDemo"). innerHTML = languageString;
}
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra của đoạn mã trên như sau.

Đầu ra:

3. phương thức join ()

Tất cả các phương pháp trên có thể được sử dụng để chuyển đổi mảng thành chuỗi với dấu phân tách là dấu phẩy. Dấu phân cách này không thể thay đổi hoặc sửa đổi tùy theo sự thuận tiện của chúng tôi. Khi chúng ta muốn tạo một chuỗi ra khỏi mảng có dấu phân cách theo ý chúng ta, chúng ta phải sử dụng phương thức join () của mảng. Dấu phân tách mặc định là một dấu phẩy không cần phải được đề cập đến. Nếu chúng ta muốn bất kỳ dấu phân tách nào khác, thì chúng ta sẽ phải chỉ định tương tự. Phương thức này cũng chuyển đổi mảng thành chuỗi theo định dạng mà chúng tôi chọn. Hãy để chúng tôi xem một ví dụ về cách có thể đạt được điều này với sự trợ giúp của một ví dụ.

Mã:

 & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Trình diễn sử dụng phương thức join () để chuyển mảng thành chuỗi & lt; / p & gt;
& lt; nút onclick = "convertToString ()" & gt; Chuỗi ngôn ngữ hiển thị & lt; / nút & gt;
& lt; p id = "sampleDemo1" & gt; & lt; / p & gt;
& lt; p id = "sampleDemo2" & gt; & lt; / p & gt;
& lt; p id = "sampleDemo3" & gt; & lt; / p & gt;
& lt; script & gt;
function convertToString () {
var ngôn ngữ = ["Java", "Hibernate", "Angular", "Typescript", "Javascript", "Maven", "C", "C ++", "PHP", "Ajax", "HTML"]; var languageString1 = Languages.join ();
var languageString2 = Languages.join ("& lt; - & gt;"); var languageString3 = Languages.join ("-");
document.getElementById ("sampleDemo1"). innerHTML = languageString1; document.getElementById ("sampleDemo2"). innerHTML = languageString2; document.getElementById ("sampleDemo3"). innerHTML = languageString3;
}
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra của đoạn mã trên sau khi nhấp vào nút “Chuỗi ngôn ngữ hiển thị” như sau –

Xem Thêm  Làm thế nào để viết chương trình C ++ đầu tiên? - phần đầu của chương trình c ++

Đầu ra:

4. Phương thức JSON.stringify ()

Nếu chúng ta muốn chuyển đổi một mảng có chứa một mảng bên trong, thì chúng ta có thể sử dụng phương thức JSON.stringify (). Điều này có thể được sử dụng khi chúng ta muốn chuyển đổi các mảng lồng nhau thành một chuỗi. Hãy để chúng tôi xem cách này có thể được thực hiện với sự trợ giúp của một ví dụ.

Mã:

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Trình diễn sử dụng phương thức JSON.stringify () để chuyển đổi mảng thành chuỗi & lt; / p & gt;
& lt; nút onclick = "convertToString ()" & gt; Chuỗi ngôn ngữ hiển thị & lt; / nút & gt;
& lt; p id = "sampleDemo1" & gt; & lt; / p & gt;
& lt; script & gt;
function convertToString () {
var ngôn ngữ = ["Java", "Hibernate", "Angular", "Typescript", "Javascript", "Maven", "C", "C ++", "PHP", "Ajax", "HTML", [" Webstorm "," Eclipse "," Sublime Text "," gedit "]];
var languageString1 = JSON.stringify (ngôn ngữ); document.getElementById ("sampleDemo1"). innerHTML = languageString1;
}
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra của đoạn mã trên như sau.

Đầu ra:

5. Lặp lại thủ công các phần tử mảng để chuẩn bị chuỗi

Ngoài ra, nếu chúng ta muốn chuyển đổi mảng thành chuỗi, thì chúng ta có thể sử dụng phương thức mã cứng để chuyển đổi mảng nếu bất kỳ phương pháp nào ở trên không thể sử dụng được do một số lý do. Trong những trường hợp như vậy, điều quan trọng là phải hiểu và nắm được logic chính và sự phức tạp về thời gian và không gian của logic và mã bạn đang viết. Hãy để chúng tôi tìm hiểu cách thực hiện điều này với sự trợ giúp của ví dụ.

Mã:

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;
& lt; p & gt; Trình diễn để viết mã thủ công chuyển đổi mảng thành chuỗi & lt; / p & gt;
& lt; nút onclick = "convertToString ()" & gt; Chuỗi ngôn ngữ hiển thị & lt; / nút & gt;
& lt; p id = "sampleDemo" & gt; & lt; / p & gt;
& lt; script & gt;
function convertToString () {
var ngôn ngữ = ["Java", "Hibernate", "Angular", "Typescript", "Javascript", "Maven", "C", "C ++", "PHP", "Ajax", "HTML"]; var languageString = callMyMethod (ngôn ngữ);
document.getElementById ("sampleDemo"). innerHTML = languageString;
}
function callMyMethod (array) {let string = '';
array.forEach (function (counter, currentIndex) {string + = counter;
if (currentIndex! = (array.length - 1)) {string + = ',';
};
});
chuỗi trả về;
}
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;  

Sau khi nhấp vào nút “Chuỗi ngôn ngữ hiển thị”, đầu ra của mã trên như sau.

Đầu ra:

Các bài báo được đề xuất

Đây là hướng dẫn về Javascript Array to String. Ở đây chúng ta thảo luận về Giới thiệu và các phương thức mảng Javascript để xâu chuỗi cùng với các ví dụ khác nhau và triển khai mã. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

Xem Thêm  Làm thế nào để làm cho văn bản in đậm trong HTML - thẻ html để in đậm

0

Chia sẻ

Chia sẻ


Xem thêm những thông tin liên quan đến chủ đề js tạo chuỗi từ mảng

Converting a JavaScript String to an Array

alt

  • Tác giả: All Things JavaScript, LLC
  • Ngày đăng: 2018-09-05
  • Đánh giá: 4 ⭐ ( 8728 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Effective manipulation of strings is important in JavaScript. At times you may need to work with individual characters. The most effective way of doing this is by converting the string to an Array. In this tutorial we show how to convert a string to an array, reverse the array and then put the string back together.

    For more resources on JavaScript:
    http://www.allthingsjavascript.com

    Access to EVERY course (get 2 months free): https://www.skillshare.com/r/profile/Steven-Hancock/24508

    Courses offered on Udemy at a discount (access from my site): http://allthingsjavascript.com/courses.html

    Tutorials referred to in this video:
    Using split on strings: https://youtu.be/IMm1GsOUGvQ
    Converting Array like Objects: https://youtu.be/avPIXAftj24
    The spread Operator: https://youtu.be/ugw32Yprzjw
    Chaining: https://youtu.be/gHLA-iZ9huU

String trong JavaScript

  • Tác giả: hocjavascript.net
  • Đánh giá: 4 ⭐ ( 1348 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cũng giống như hầu hết các ngôn ngữ lập trình khác, JavaScript có một phương tiện để đại diện cho văn bản bằng các chuỗi(String). Mô tả cơ bản chỉ là, String

Tạo một chuỗi từ một mảng trong JavaScript

  • Tác giả: vn.wsxdn.com
  • Đánh giá: 3 ⭐ ( 1046 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách tạo chuỗi nhiều dòng trong JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 3 ⭐ ( 1634 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Mảng và Object trong Javascript

  • Tác giả: www.quocbuugroup.com
  • Đánh giá: 3 ⭐ ( 1977 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu về mảng và object trong Javascript, bài giảng được biên soạn và đăng tải trên website quocbuugroup.com có kèm video hướng dẫn, học viên có thể xem thêm nhiều video học lập trình trên kênh youtube của Quốc Bửu Group để bổ sung kiến thức lập trình website cho mình.

Chuyển mảng thành chuỗi trong JS

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 8799 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cú pháp và cách dùng hàm Array.toString() trong Javascript, hàm toString là hàm dùng để chuyển mảng thành chuỗi trong Javascript cực kì đơn giản

Chuyển mảng thành chuỗi trong javascript

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 3 ⭐ ( 1871 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách chuyển mảng thành chuỗi trong JavaScript. Bạn sẽ học được cách sử dụng phương thức join() và toString() để chuyển mảng thành chuỗi trong JavaScript trong bài học này.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php