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]
Ở đâu
- 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ả
________số 8Chươ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 function exampleFunction[] { var colors = ["Blue", "Orange", "Red", "Yellow", “Black”]; var comb = document.getElementById["abc"]; comb.innerHTML = colors.join[]; }
đầu ra
let array = ['WhatsApp', 'Telegram', 'Viber'];
console.log[array.join[]];
// output: WhatsApp,Telegram,Viber
0Trong 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
1đầu ra
let array = ['WhatsApp', 'Telegram', 'Viber'];
console.log[array.join[]];
// output: WhatsApp,Telegram,Viber
2Ví 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
3Ví dụ: giả sử bạn có chuỗi sau
var colors = [“Blue”, “Orange”, “Red”, “Yellow”, “Black”]; var shapes = [“Circle”, “Square”, “Triange”, “Rectangle”];0
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”];1
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