Viết chương trình JavaScript đơn giản để nối tất cả các phần tử của mảng sau thành một chuỗi

mảng. Phương thức tham gia (dấu phân cách) trong JavaScript cho phép bạn nối tất cả các phần tử của một mảng thành một chuỗi duy nhất. Theo mặc định, các phần tử của mảng sẽ được phân tách bằng dấu "," (dấu phẩy); . Nếu một phần tử mảng có giá trị không xác định hoặc null, nó sẽ được chuyển đổi thành một chuỗi rỗng khi các phần tử mảng được nối thành một chuỗi

JavaScript tham gia () Cú pháp

array.join(separator)

• dấu phân cách (tùy chọn). dấu phân cách được sử dụng khi nối các phần tử trong một giá trị chuỗi. Nếu một chuỗi rỗng được truyền dưới dạng tham số phương thức, các phần tử mảng sẽ được nối thành một chuỗi mà không cần sử dụng dấu phân tách. Giá trị mặc định là dấu phẩy ","

Ví dụ tham gia mảng JavaScript

let array = ['WhatsApp', 'Telegram', 'Viber'];

console.log(array.join());

// output: WhatsApp,Telegram,Viber

Làm cách nào để nối mảng bằng vòng lặp for trong JavaScript?

Để nối các phần tử của mảng với một chuỗi, bạn cũng có thể sử dụng vòng lặp for. Xin lưu ý rằng phương pháp này chậm hơn và chiếm thêm dung lượng bộ nhớ

Chuỗi phân tách JavaScript với ví dụ về vòng lặp

let array = ['Paris', 'Madrid', 'Rome', 'London'];
let newArr = [];
let separator = ' | ';

for(let i = 0; i < array.length; i++) {
  newArr += array[i];
  if (i < array.length - 1) newArr += separator;
}

console.log(newArr);

// output: Paris | Madrid | Rome | London

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

chuỗi. phương thức split() ngược lại với mảng. join() và được sử dụng để chia chuỗi đã cho thành một mảng các chuỗi bằng cách sử dụng dấu phân cách được cung cấp. Sự khác biệt chính giữa phương thức join() và split() là phương thức join() được sử dụng để nối các phần tử của mảng thành một chuỗi, trong khi phương thức split() được sử dụng để tách một chuỗi thành một mảng

Ví dụ chuỗi phân tách JavaScript

let str = 'Paris | Madrid | Rome | London';

console.log(str.split(' | '));

// output: ['Paris', 'Madrid', 'Rome', 'London']

Xem thêm

• Làm cách nào để kiểm tra xem một mảng có chứa giá trị trong JavaScript không?
• Làm cách nào để cắt một mảng trong JavaScript?
• Làm cách nào để đảo ngược một mảng trong JavaScript?
• Làm cách nào để sao chép và sao chép một mảng trong JavaScript?
• Làm cách nào để lấy tổng của một mảng trong JavaScript?

Mảng Javascript Tham gia các ví dụ và bài viết về API có liên quan

Làm cách nào để gửi yêu cầu POST bằng JavaScript?

Nếu bạn sử dụng JavaScript tự do khi xây dựng trang web, trình duyệt của người lướt web sẽ không phải tải lại trang thường xuyên. Điều này chuyển thành trải nghiệm người dùng tốt hơn cho người lướt web và nhiều lượt truy cập hơn cho trang web của bạn về lâu dài. Nếu bạn là người mới lập trình, bạn có thể hơi lo lắng về triển vọng học JavaScript. Bạn không cần phải như vậy, thực sự. Nếu bạn đã quen thuộc với ngôn ngữ cơ bản, bạn chỉ cần tải xuống và cài đặt plugin viết sẵn và sử dụng nó trên trang web của mình. Nếu bạn có một số kinh nghiệm lập trình và biết một ngôn ngữ như Java hoặc C ++, JavaScript sẽ càng dễ học hơn đối với bạn

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách sử dụng phương thức join() để kết hợp các phần tử của một mảng trong một chuỗi. Trước đó, chúng ta cũng sẽ xem cách bạn có thể tạo mảng trong JavaScript. Nếu không quen với các phương pháp JavaScript, bạn có thể đăng ký khóa học JavaScript cơ bản của chúng tôi để tìm hiểu thêm về chúng

Tạo một mảng trong JavaScript

Bạn sử dụng một mảng khi bạn cần một biến duy nhất để lưu trữ nhiều phần tử dữ liệu. Cú pháp tạo mảng trong JavaScript như sau

var array_name = [element1, element2…];

Hãy tạo một vài mảng đơn giản mà chúng ta có thể sử dụng sau này trong chương trình của mình

var colors = [“Blue”, “Orange”, “Red”, “Yellow”, “Black”];
var shapes = [“Circle”, “Square”, “Triange”, “Rectangle”];

Tham gia khóa học này để tìm hiểu thêm về cách sử dụng mảng trong JavaScript

Phương thức tham gia mảng JavaScript ()

Bạn có thể sử dụng phương thức join() để kết hợp các phần tử của một mảng thành một chuỗi. Chuỗi đã tạo sau đó sẽ được trả lại cho bạn. Cú pháp của phương thức nối như sau

array_name.join (separator)

Ở đây, tên_mảng sẽ là tên của mảng chứa các phần tử mà bạn muốn nối. Dấu phân cách có thể là bất cứ thứ gì bạn muốn, như dấu phẩy, dấu chấm phẩy, dấu chấm câu hoặc thậm chí là một từ

Với phương thức nối, các phần tử của mảng sẽ được biến thành một chuỗi. Ví dụ: nếu bạn nối các phần tử của mảng “màu sắc” mà chúng tôi đã viết trước đó và sử dụng dấu phẩy (,) làm dấu phân cách, đây sẽ là kết quả

colors.join (,)
Blue, Orange, Red, Yellow, Black

Nếu bạn làm tương tự với mảng hình dạng, đây sẽ là kết quả

Chương trình ví dụ 1

Hãy viết một ví dụ đầy đủ, hoạt động để giúp bạn hiểu rõ hơn về khái niệm này

Click the button to join the array elements into a string.
Try it

đầu ra

let array = ['WhatsApp', 'Telegram', 'Viber'];

console.log(array.join());

// output: WhatsApp,Telegram,Viber

Trong chương trình này, chúng tôi đã tạo một nút có thể nhấp đơn giản mà bạn có thể nhúng vào trang web của mình. Khi bạn bấm vào nút, nó sẽ gọi hàm “exampleFunction”. “exampleFunction” chứa mã cho phương thức join(). Nếu bạn để ý, chúng tôi chưa chỉ định tham số dấu phân cách. Nếu bạn không chỉ định tham số, dấu phẩy (,) sẽ được sử dụng theo mặc định. Biến “lược” sẽ được dùng để lưu trữ các phần tử “ghép” của mảng

Nếu bạn muốn biết thêm về cách viết chương trình JavaScript hoạt động và thực thi chúng trong trình duyệt của mình, hãy đăng ký khóa học JavaScript cơ bản của chúng tôi. Chúng tôi bao gồm tất cả những điều cơ bản của ngôn ngữ, bao gồm cách viết và kiểm tra các chương trình của riêng bạn

Chương trình ví dụ 2

Bạn có thể sử dụng dấu phân cách khác với dấu phẩy mặc định. Bạn có thể sử dụng toàn bộ một từ, ví dụ

let array = ['WhatsApp', 'Telegram', 'Viber'];

console.log(array.join());

// output: WhatsApp,Telegram,Viber

đầu ra

let array = ['WhatsApp', 'Telegram', 'Viber'];

console.log(array.join());

// output: WhatsApp,Telegram,Viber

Ví dụ này tương tự như ví dụ chúng tôi đã đưa ra trước đây, ngoại trừ lần này chúng tôi đã chỉ định “hoặc” làm tham số dấu phân cách. Do đó, các phần tử của mảng "hình dạng" được phân tách bằng "hoặc"

Phương thức split() so với phương thức join()

Phương thức split() ngược lại với phương thức join(). Với phương thức split(), bạn có thể lấy một chuỗi, tách các phần tử của nó và lưu trữ chúng trong một mảng. Cú pháp của phương thức split() như sau

let array = ['WhatsApp', 'Telegram', 'Viber'];

console.log(array.join());

// output: WhatsApp,Telegram,Viber

Ví dụ: giả sử bạn có chuỗi sau

var colors = [“Blue”, “Orange”, “Red”, “Yellow”, “Black”];
var shapes = [“Circle”, “Square”, “Triange”, “Rectangle”];

Sau đó, nếu bạn sử dụng phương thức split() trên chuỗi này, bạn sẽ nhận được kết quả như sau

var colors = [“Blue”, “Orange”, “Red”, “Yellow”, “Black”];
var shapes = [“Circle”, “Square”, “Triange”, “Rectangle”];

Nếu bạn hiểu một phương pháp, nó sẽ đủ đơn giản để nắm bắt phương pháp kia. Hãy nhớ rằng, phương thức join() được sử dụng để kết hợp các phần tử của một mảng thành một chuỗi, trong khi phương thức split() được sử dụng để kết hợp các phần tử của một chuỗi thành một mảng. Bạn có thể thử tạo các mảng của riêng mình và sử dụng phương thức nối để kết hợp các phần tử của chúng. Nếu bạn cần thêm thông tin về mảng và chuỗi hoặc các kiến ​​thức cơ bản khác về JavaScript, hãy xem khóa học JavaScript này để hiểu rõ hơn

Trang được cập nhật lần cuối. Tháng 6 năm 2014

Bài viết được đề xuất

Phát triển

Bắt đầu với Hàm mảng JavaScript

Phát triển

Javascript Khác Nếu. sử dụng câu điều kiện với JavaScripts của bạn

Phát triển

Xác thực JavaScript giúp xác thực biểu mẫu phía máy khách dễ dàng áp dụng

Phát triển

JavaScript. Chuyển đổi chuỗi thành số

Phát triển

Nắm vững thuộc tính Href vị trí JavaScript

Phát triển

Hơn 50 câu hỏi phỏng vấn Javascript cần thiết để chuẩn bị cho cuộc phỏng vấn tiếp theo của bạn

Phát triển

Gửi biểu mẫu JavaScript

Phát triển

JavaScript ngủ. Lập kế hoạch nhiệm vụ không đồng bộ

Phát triển

Định dạng số JavaScript. Dễ như 1-2-3

Phát triển

Hướng dẫn JavaScript. Học những điều cơ bản

Chia sẻ bài viết này

• Sao chép

Các khóa học hàng đầu về JavaScript

JavaScript - Chuỗi câu hỏi phỏng vấn Marathon 2023

bình thường Joshi

4. 8 (668)

Người bán hàng giỏi nhất

Khóa học Bootcamp Javascript hiện đại (2022)

Colt Steele, Stephen Grider

4. 7 (10,853)

Chương trình đào tạo dành cho nhà phát triển JavaScript năm 2022 - Sơ cấp đến Chuyên gia

Hồi giáo Helalee

4. 8 (273)

JavaScript không đồng bộ

Asim Hussain

4. 6 (1,086)

20 dự án web với Vanilla JavaScript

Brad Traversy

4. 7 (6,263)

JavaScript. Hiểu về ES6 và hơn thế nữa

Anthony Alicea

4. 7 (358)

Kiểm tra đơn vị JavaScript - Hướng dẫn thực hành

Academind của Maximilian Schwarzmüller, Maximilian Schwarzmüller

4. 7 (1,514)

JavaScript. Các khái niệm nâng cao (Cập nhật năm 2023)

Andrei Neagoie, Zero To Mastery

4. 7 (12.050)

JavaScript - Hướng dẫn hoàn chỉnh 2023 (Sơ cấp + Nâng cao)

Academind của Maximilian Schwarzmüller, Maximilian Schwarzmüller

4. 7 (24,153)

Dự án web JavaScript. 20 dự án để xây dựng danh mục đầu tư của bạn

Andrei Neagoie, Jacinto Wong, Zero To Mastery

4. 6 (3,227)

50 dự án trong 50 ngày - HTML, CSS & JavaScript

Brad Traversy, Florin Pop

4. 7 (9,141)

100 ngày JavaScript

Ewomazino Akpareva

4. 6 (216)

Các khóa học JavaScript khác

Sinh viên JavaScript cũng học

Nút phát triển web. Js CSS React JS MongoDB HTML Front End Phát triển web Python HTML5 PHP Vue JS Typescript Thiết kế web Java

Trao quyền cho nhóm của bạn. Dẫn đầu ngành

Đăng ký thư viện các khóa học trực tuyến và công cụ học tập kỹ thuật số cho tổ chức của bạn với Udemy Business

Làm cách nào để nối tất cả các phần tử của một mảng thành một chuỗi JavaScript?

Cái nào kết hợp tất cả các phần tử của một mảng thành một chuỗi?

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

Làm cách nào để tham gia một chuỗi trong JavaScript?