Bạn có thể cộng các mảng lại với nhau trong JavaScript không?
Cách cơ bản nhất là sử dụng phương thức concat(). Nó rất đơn giản; . (Hãy nhớ trình tự quan trọng. ) Show
2. Sử dụng Toán tử trải rộng (Phím tắt ES6)Bây giờ phương pháp thứ hai giống như một lối tắt; . Điều này chỉ khả dụng trong phiên bản ES6. Đó là cách yêu thích của tôi để kết hợp các mảng, vì nó rất hiệu quả Như bạn có thể thấy, trình tự cũng quan trọng ở đây
3. Hợp nhất các mảng với PushBạn cũng có thể sử dụng phương thức đẩy để kết hợp các mảng khác nhau như được hiển thị
Đầu tiên, khai báo một mảng trống và sau đó sử dụng phương thức push() với toán tử trải rộng. Nội dung của các mảng sẽ được sao chép trong mảng mong muốn Hãy nhớ rằng nếu bạn không sử dụng toán tử trải rộng thì toàn bộ mảng sẽ được đẩy và bạn sẽ nhận được một mảng lồng nhau được gọi là mảng hai chiều. (Đó là cuộc thảo luận của một ngày khác, vì vậy chúng ta đừng đi sâu vào vấn đề đó. )
Đó là tất cả. Nếu bạn nghĩ rằng có bất kỳ lỗi nào hoặc bạn muốn cung cấp một số thông tin, vui lòng bình luận bên dưới Có nhiều cách để hợp nhất các mảng trong JavaScript. Bạn có thể sử dụng cách tiếp cận dài hoặc ngắn. Tôi sẽ hiển thị 3 trong số chúng trong bài viết này Khi làm việc với mảng trong JavaScript, có trường hợp bạn muốn gộp nhiều mảng lại với nhau. Ví dụ: các mảng có dữ liệu liên quan đến từ các nguồn khác nhau có thể được hợp nhất thành một mảng duy nhất Bạn có thể hợp nhất các mảng theo nhiều cách khác nhau. Hãy xem xét một số trong số chúng, từ yêu thích của tôi đến ít yêu thích nhất của tôi Đây là phiên bản video của bài viết này nếu bạn muốn sử dụng nó để bổ sung cho việc học của mình 1. Cách sử dụng Toán tử trải rộng trong JavaScriptToán tử trải rộng cho phép bạn trải rộng một bộ sưu tập có thể lặp lại (đối tượng hoặc mảng) vào một bộ sưu tập khác. Sử dụng toán tử này trên mảng, bạn có thể hợp nhất nội dung của các mảng lại với nhau Đây là một ví dụ
Đối với biến 9, chúng tôi tạo một mảng mới và sau đó trải rộng các giá trị của 0 theo sau bởi 1 trong đó. Bây giờ bạn có thể thấy mảng 9 chứa các giá trị từ các mảng nàyBạn có thể sử dụng toán tử này cho nhiều mảng
Trong mảng 9 ở đây, đầu tiên chúng tôi trải 1, sau đó là 5 và cuối cùng là 0Bạn có thể tìm hiểu thêm về toán tử này trong bài viết này. Đơn giản hóa toán tử lây lan 2. Cách sử dụng const array1 = [1, 2, 3] const array2 = [4, 5, 6] const array3 = [7, 8, 9] const merged = [...array2, ...array3, ...array1] // [4, 5, 6, 7, 8, 9, 1, 2, 3] 7 trong JavaScriptBạn sử dụng phương thức 8 của mảng để kết hợp nội dung của một mảng với các giá trị mới để tạo thành một mảng mớiCác giá trị mới này có thể là số, chuỗi, booleans, đối tượng hoặc thậm chí là mảng Phương thức chấp nhận một danh sách các giá trị làm đối số 3Bằng cách chỉ định một mảng làm đối số, bạn có thể hợp nhất một mảng hiện có với mảng đã chỉ định để tạo thành một mảng mới. Đây là một ví dụ 4Như bạn có thể thấy, nội dung của 0 được nối với nội dung của 1 để tạo thành một mảng mới được gán cho 9Bạn cũng có thể chuyển nhiều mảng để hợp nhất 7Trong ví dụ này, chúng tôi sử dụng phương thức 8 trên 1 có nghĩa là nội dung của 1 ở vị trí đầu tiên trong mảng được hợp nhấtĐối với các đối số, chúng tôi vượt qua 5 trước, có nghĩa là nội dung của 5 tiếp theo trong mảng được hợp nhất, sau đó là nội dung của 0Bạn có thể tìm hiểu thêm về 8 trong bài viết này. Mảng concat được đơn giản hóa3. Cách sử dụng let firstArray = [1, 2, 3, 'Shinchan'] let secondArray = ['Nohara', 4, 5, 6] let thirdArray = [7, 8, 9, 'Himawari'] let combinedArray1 = [...firstArray, ...secondArray, ...thirdArray] let combinedArray2 = [...secondArray, ...firstArray, ...thirdArray] console.log('CombinedArray1 = ' + combinedArray1) //Combined Array1 = 1,2,3,Shinchan,Nohara,4,5,6,7,8,9,Himawari console.log('CombinedArray2 = ' + combinedArray2) //Combined Array2 = Nohara,4,5,6,1,2,3,Shinchan,7,8,9,Himawari39 trong JavaScriptPhương thức 40 của mảng cho phép bạn "đẩy" (thêm) các giá trị mới vào cuối mảng 7Sử dụng phương pháp này, bạn có thể đẩy một mảng mới vào một mảng hiện có để tạo quy trình hợp nhất. Không giống như các phương pháp trước tôi đã đề cập, phương pháp 40 sửa đổi mảng mà nó được sử dụng trênĐây là một ví dụ 9Ở đây, chúng tôi sử dụng vòng lặp 42 để lặp qua các giá trị của 1 và trên mỗi vòng lặp, chúng tôi đẩy giá trị tại chỉ mục lên 0Ở cuối vòng lặp, bạn thấy 0 đã sửa đổi, chứa các giá trị từ 1Thay vì vòng lặp 42, bạn cũng có thể sử dụng toán tử 48 với phương thức 40. Vì phương thức 40 chấp nhận một danh sách hoặc các đối số được phân tách bằng dấu phẩy, nên bạn có thể trải một mảng khác trong phương thức này và tất cả chúng sẽ được đẩy vào mảng mà phương thức được áp dụng 9Bạn có thể làm điều này cho nhiều mảng 0Ở đây, chúng tôi gọi 40 trên 5, sau đó trải rộng các giá trị của 1 theo sau bởi 0 làm đối số để được đẩy vào 5kết thúcTrong bài viết này, chúng ta đã thấy ba cách tiếp cận để hợp nhất các mảng trong JavaScript. Tôi đặc biệt yêu thích toán tử 48 vì nó dễ sử dụng hơn và đơn giản hơnKhi sử dụng 40, hãy cẩn thận, như tôi đã đề cập, nó sửa đổi mảng mà nó được sử dụng (không giống như 8 trả về một mảng mới thay thế). Điều này có thể gây ra kết quả không mong muốn nếu bạn không sử dụng nó một cách có chủ ý và cẩn thậnQUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Người ủng hộ nhà phát triển và Người sáng tạo nội dung đam mê chia sẻ kiến thức của tôi về Công nghệ. Tôi dạy JavaScript / ReactJS / NodeJS / React Frameworks / TypeScript / et al Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Bạn có thể thêm hai mảng trong JavaScript không?Phương thức concat() dùng để hợp nhất hai hay nhiều mảng . Phương thức này không thay đổi các mảng hiện có mà thay vào đó trả về một mảng mới.
Bạn có thể thêm một mảng vào một mảng không?Để nối một mảng với một mảng khác, sử dụng phương thức push() trên mảng đầu tiên, truyền cho nó các giá trị của mảng thứ hai . Phương thức push được sử dụng để thêm một hoặc nhiều phần tử vào cuối mảng. Phương thức thay đổi nội dung của mảng ban đầu. |