Hợp nhất hai mảng JavaScript

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. ]

let firstArray = [1,2,3,'Shinchan']
let secondArray = ['Nohara',4,5,6]
let combinedArray1 = firstArray.concat[secondArray]
let combinedArray2 = secondArray.concat[firstArray]

console.log[`Combined Array1 = `+combinedArray1]
// Combined Array1 = 1,2,3,Shinchan,Nohara,4,5,6

console.log[`Combined Array2 = `+combinedArray2]
//Combined Array2= Nohara,4,5,6,1,2,3,Shinchan

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

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,Himawari

3. Hợp nhất các mảng với Push

Bạ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ị

let firstArray = [1, 2, 3, 'Shinchan']
let secondArray = ['Nohara', 4, 5, 6]
let thirdArray = [7, 8, 9, 'Himawari']

let combinedArray = []

combinedArray.push[...firstArray, ...secondArray, ...thirdArray]

console.log[`CombinedArray = `+combinedArray]
// CombinedArray = [1,2,3,'Shinchan','Nohara',4,5,6,7,8,9,'Himawari']

Đầ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 đề đó. ]

let firstArray = [1, 2, 3, 'Shinchan']
let secondArray = ['Nohara', 4, 5, 6]
let thirdArray = [7, 8, 9, 'Himawari']


let combinedArray = []


combinedArray.push[ firstArray, secondArray, thirdArray]

console.log[`CombinedArray = `+combinedArray]
/* CombinedArray = [ [1,2,3,'Shinchan'],
                     ['Nohara',4,5,6],
                     [7,8,9,'Himawari'] ]

Đó 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

Trong JavaScript, chúng ta có thể hợp nhất hai mảng theo các cách tiếp cận khác nhau và trong hướng dẫn này, chúng ta sẽ thấy một số cách tiếp cận để thực hiện việc này -

1. Sử dụng phương thức Array concat[]
2. Sử dụng toán tử trải rộng
3. Sử dụng phép lặp lặp

Sử dụng phương thức Array concat[]

Phương thức Array concate[] hợp nhất hai hoặc nhiều mảng. Đây là một trong những phương pháp tốt nhất để hợp nhất các mảng trong JavaScript. Phương thức này hoạt động trên một mảng, lấy một mảng khác trong các tham số và trả về một mảng mới sau khi hợp nhất hai mảng này. Nó cũng có thể lấy nhiều mảng trong các tham số để hợp nhất tất cả chúng

cú pháp

let merged_arr = arr1.concat[arr2]

Theo cú pháp trên, “arr1” và “arr2” là hai mảng riêng biệt. Chúng tôi đã sử dụng phương thức mảng concat[] với “arr1” và chuyển mảng “arr2” vào tham số để tạo một mảng được hợp nhất mới, “mảng đã hợp nhất”

Ví dụ

Trong ví dụ bên dưới, chúng tôi hợp nhất hai mảng trong JavaScript bằng phương thức Array concat[]. Chúng tôi đã sử dụng sự kiện bấm nút để hợp nhất hai mảng, “arr1” và “arr2” và xuất chúng trên trang web

Sử dụng toán tử lây lan

Toán tử trải rộng [. ] được sử dụng để chuyển hoặc trải một bản sao của từng phần tử của một mảng hoặc đối tượng có thể lặp lại. Nó rất hữu ích để sao chép một mảng dễ dàng. Chúng ta có thể hợp nhất hai mảng một cách dễ dàng bằng cách sử dụng toán tử trải rộng. Ta phải lấy một mảng rồi trong mảng đó rải lần lượt hai hoặc nhiều mảng, cách nhau bởi dấu phẩy

cú pháp

let merged_arr = [...arr1, ...arr2]

Theo cú pháp trên, “arr1” và “arr2” là hai mảng riêng biệt. Chúng tôi lấy một mảng “merged_arr” và bên trong mảng đó, chúng tôi sử dụng các toán tử trải rộng trên “arr1” và “arr2” để tạo một bản sao của tất cả các phần tử của chúng và chuyển chúng vào mảng mới

Ví dụ

Trong ví dụ bên dưới, chúng tôi đã hợp nhất hai mảng trong JavaScript bằng cách sử dụng toán tử trải rộng. Chúng tôi đã sử dụng sự kiện bấm nút để hợp nhất hai mảng, “arr1” và “arr2” và xuất chúng trên trang web

Sử dụng phép lặp lặp

Cách tiếp cận truyền thống nhất để hợp nhất hai mảng là sử dụng phép lặp. Trong cách tiếp cận này, chúng tôi sử dụng một vòng lặp như “vòng lặp for” hoặc “vòng lặp while” và bên trong vòng lặp, chúng tôi nối từng phần tử của một mảng vào một mảng khác bằng cách sử dụng mảng. đẩy[] phương pháp

cú pháp

let merged_arr = []
for [let index = 0; index < arr1.length; index++] {
   merged_arr.push[arr1[index]]
}
for [let index = 0; index < arr2.length; index++] {
   merged_arr.push[arr2[index]]
}

Theo cú pháp trên, “arr1” và “arr2” là hai mảng riêng biệt. Sử dụng vòng lặp for, chúng tôi đã hợp nhất hai mảng thành “merged_arr”

Ví dụ

Trong ví dụ dưới đây, chúng tôi đã hợp nhất hai mảng trong JavaScript bằng cách sử dụng phép lặp. Chúng tôi đã sử dụng sự kiện bấm nút để hợp nhất hai mảng, “arr1” và “arr2” và xuất chúng trên trang web

Trong hướng dẫn này, chúng ta đã thảo luận về ba cách tiếp cận để hợp nhất hai mảng trong JavaScript- sử dụng phương thức concate[], sử dụng toán tử trải rộng và sử dụng phép lặp vòng lặp

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

Làm cách nào để hợp nhất hai mảng?

Làm cách nào để hợp nhất hai mảng trong JavaScript mà không trùng lặp?

Làm cách nào để hợp nhất hai mảng trong JavaScript dựa trên id?