Bạn có thể nối các mảng trong JavaScript không?

Như chúng ta đã biết mảng thường được dùng để lưu trữ các loại dữ liệu hoặc thông tin giống nhau. Khi cần thực hiện một số thay đổi động như hiển thị dữ liệu của hai bảng tại một nơi trên giao diện người dùng, thay vì truy vấn ngược lại từ mặt sau, chúng tôi có thể thực hiện một số chức năng cơ bản trên giao diện người dùng

Trong bài đăng này, chúng tôi sẽ có một hướng dẫn chi tiết về cách hợp nhất hoặc nối nhiều mảng trong JavaScript

Phương thức concat() trong JavaScript là gì

Để hợp nhất hai hoặc nhiều mảng trong JavaScript, hàm concat() được sử dụng. Cú pháp nối nhiều mảng bằng phương thức concat là

tên_mảng. concat( first_array , second_array . , ..., N_array )

• Hàm concat() lấy nhiều mảng làm tham số và nối chúng lại với nhau thành một mảng
• Hàm concat() trả về một mảng mới và không ảnh hưởng đến mảng ban đầu

Hãy thử nối hai mảng và hiểu rõ hơn về hàm concat()

Ghi chú. Chúng tôi sẽ sử dụng bảng điều khiển trình duyệt để minh họa các ví dụ được thực hiện trong bài đăng này. Để mở bảng điều khiển trình duyệt

• Sử dụng phím F12 trong Chrome và các trình duyệt dựa trên crom khác
• Sử dụng tổ hợp phím tắt CTRL + SHIFT + K cho Mozilla
• Sử dụng phím tắt Option + ⌘ + C trong Safari (nếu menu nhà phát triển không xuất hiện, hãy mở Tùy chọn bằng cách nhấn ⌘ + và trong tab Nâng cao, chọn “Hiển thị menu Phát triển trong thanh menu”)

Cách sử dụng hàm concat() trong JavaScript

Giả sử chúng ta có hai mảng và chúng ta muốn biến chúng thành một mảng

var mảng1 = [10,20,30,40];
var arr2 = [50,60,70,80];

Để nối chúng thành một mảng, câu lệnh sau sẽ được sử dụng

var mảng3 = mảng1. concat(arr2);

Bây giờ, nếu chúng ta điều khiển arr3

bảng điều khiển. log( arr3 );

Bạn có thể thấy hai mảng arr1 và arr2 được nối với nhau trong mảng 3

Bây giờ, giả sử chúng ta muốn nối ba mảng này. Để tham gia nhiều mảng đoạn mã sau sẽ được sử dụng

var mảng4 = mảng1. concat( arr2 , mảng3 );

Một cách khác để thực hiện cùng một nhiệm vụ sẽ diễn ra như thế này

var arr4 = [].concat( arr1 , Array2 , arr3);

Bây giờ, nếu chúng ta nhìn vào arr4

bảng điều khiển. log( arr4 );

Bạn có thể thấy rằng cả ba mảng được hợp nhất vào mảng4 như chúng ta mong đợi

Đây là cách chúng ta có thể hợp nhất hai mảng bằng phương thức concat

Nối các mảng bằng toán tử trải rộng trong JavaScript

Một cách khác để hợp nhất nhiều mảng trong JavaScript là sử dụng toán tử trải rộng. Hợp nhất hai mảng bằng toán tử trải phổ thực sự đơn giản. Chỉ cần thêm ba dấu chấm vào tên mảng và cung cấp chúng dưới dạng phần tử mảng cho một mảng mới

Ví dụ, chúng ta có hai mảng

var mảng1 = [10,20,30,40];
var arr2 = [50,60,70,80];

Bây giờ để tham gia cùng họ bằng cách sử dụng toán tử trải rộng, chỉ cần sử dụng câu lệnh sau

var mảng3 = [ . arr1, . arr2]

Bây giờ, điều khiển arr3 để xác minh

bảng điều khiển. log( arr3 );

Bạn có thể thấy mảng 1 và mảng 2 được nối hoàn hảo bằng cách sử dụng toán tử trải rộng

Phần kết luận

Phương thức concat() rất hữu ích khi thao tác dữ liệu có trong mảng mà không sửa đổi mảng ban đầu. Khi làm việc trên các ứng dụng web, chúng ta có thể cần hiển thị dữ liệu của các mảng khác nhau được kết hợp. Chúng ta có thể làm điều này bằng cách sử dụng phương thức contact() trong JavaScript. Phương pháp này sẽ giúp chúng tôi thực hiện nhiệm vụ của mình mà không thay đổi các mảng thực tế có thể cần thiết sau này ở trạng thái ban đầu

Trong hướng dẫn cách thực hiện này, chúng ta đã học cách sử dụng hàm concat() trong JavaScript. Hơn nữa, chúng ta cũng đã học cách sử dụng toán tử trải rộng, toán tử này cũng được sử dụng để hợp nhất các mảng. Toán tử trải rộng đã trở thành một cách hợp nhất mảng phổ biến hơn trong thời gian gần đây

Chúng ta có thể nối hai mảng trong JavaScript không?

Làm cách nào để kết hợp các mảng trong JavaScript?

Làm cách nào để kết hợp 3 mảng trong js?

Làm cách nào để nối chuỗi các chuỗi trong JavaScript?