Trong hướng dẫn này, bạn sẽ học cách hợp nhất hai Mảng trong JavaScript. Tuy nhiên, các phương pháp phụ thuộc vào phiên bản bạn đang sử dụng
Phiên bản này sử dụng phương thức concat[] để hợp nhất hai mảng
để mảng1 = ['Nick', 'David']; . concat[mảng2]; . nhật ký [mảng];
Phương thức concat[] hợp nhất hai hoặc nhiều mảng không làm thay đổi các mảng hiện có mà trả về một mảng mới
Để loại bỏ trùng lặp, có thể sử dụng phương thức filter[]
let array1 = ['Jack', 'Nick']; . concat[mảng2]; . nhật ký [mảng]; . Jack, Nick để duy nhất = arr. bộ lọc [chức năng [mục, chỉ mục] { return arr. indexOf[item] === index; . nhật ký [duy nhất];
Phiên bản này sử dụng phương pháp phá hủy để hợp nhất hai Mảng
const array1 = ['John', 'David']; . mảng1,. mảng2]; . nhật ký [mảng3];
Phương thức push[] là một cách khác để hợp nhất hai Mảng
const array1 = ['John', 'David']; . đẩy[. mảng2]; . nhật ký [mảng1];
Để loại bỏ trùng lặp, Set được sử dụng. Đối tượng Set được sử dụng để lưu trữ các giá trị duy nhất của các giá trị nguyên thủy hoặc tham chiếu đối tượng
const array1 = ['John', 'John']; . mảng1,. mảng2]; . Bộ mới [mảng]]; . nhật ký [duy nhất];
Lớp Mảng JavaScript là một đối tượng toàn cầu được sử dụng trong việc xây dựng các mảng, là các đối tượng cấp cao và giống như danh sách. Bạn có thể sử dụng mảng để lưu trữ nhiều giá trị trong một biến duy nhất. Một mảng có thể được mô tả như một biến duy nhất có khả năng chứa nhiều hơn một giá trị cùng một lúc
Nhiệm vụ là hợp nhất chỉ mục đầu tiên của một mảng với chỉ mục đầu tiên của mảng khác. Giả sử, một mảng là mảng1 = {a, b, c} và một mảng khác là mảng2 = {c, d, e} nếu ta thực hiện tác vụ trên các mảng này thì kết quả sẽ là
result array { [0]=> array[2] { [0]=> string[1] "a" [1]=> string[1] "c" } [1]=> array[2] { [0]=> string[1] "b" [1]=> string[1] "d" } [2]=> array[2] { [0]=> string[1] "c" [1]=> string[1] "e" } }
Hầu hết mọi người nghĩ rằng hàm array_merge[] có thể giải quyết yêu cầu trên, đoạn mã sau cho thấy đây không phải là cách để đạt được yêu cầu đó.
ví dụ 1. Sử dụng hàm array_merge[] sẽ cho bạn kết quả mong muốn
php
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }3
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }4
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }6
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }0
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }4
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }7
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }4
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }6
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }4
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }03
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }05
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }08______44
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }50
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }6
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }3
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }7
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }57____108
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }10
đầu ra.
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }
Để kết hợp hai mảng theo chỉ số, chúng ta phải lặp qua chúng và hợp nhất khi chúng ta thực hiện. Sao cho chỉ mục đầu tiên của mảng thứ nhất và thứ hai cùng nhau tạo thành chỉ mục đầu tiên của mảng kết quả
ví dụ 2. Chương trình gộp 2 mảng đơn giản
php
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }3
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }4
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }6
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }0
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }4
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }7
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }4
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }6
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }4
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }03
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }05
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
_______42____108____44____45
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }38
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }2
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }40
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }6
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }3
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }43
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }44
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }45
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }46
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }47
_______448____449____44
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }7____452
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }44
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }54
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }48
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }08
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }52
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }44
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }59
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }6
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }46
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }1
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }49
array[6] { [0]=> string[1] "a" [1]=> string[1] "b" [2]=> string[1] "c" [3]=> string[1] "c" [4]=> string[1] "d" [5]=> string[1] "e" }5