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

Giả sử sau đây là hai mảng của chúng ta -

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];

Để kết hợp hai mảng thành một mảng đối tượng, hãy sử dụng map() từ JavaScript

Ví dụ

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);

Để chạy chương trình trên, bạn cần sử dụng lệnh sau -

node fileName.js.

Ở đây, tên tệp của tôi là demo190. js

đầu ra

Điều này sẽ tạo ra đầu ra sau -

PS C:\Users\Amit\javascript-code> node demo190.js
The First Array=
[ 'John', 'David', 'Bob' ]
The Second Array=
[ 'Mike', 'Sam', 'Carol' ]
The mix Of array object=
[ [ 'John', 'Mike' ], [ 'David', 'Sam' ], [ 'Bob', 'Carol' ] ]

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


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

Cần kết hợp hai mảng thành một mảng? . ”

Ảnh của Lance Grandahl trên Bapt Tham gia các mảng trong JavaScript

Khi bạn đang làm việc với hai hoặc nhiều mảng JavaScript, bạn sẽ thường gặp phải vấn đề mà bạn ước mình chỉ có một mảng để làm việc với

Ví dụ: chúng tôi có thể có danh sách người dùng đã đăng ký dịch vụ miễn phí cũng như danh sách người dùng riêng đã đăng ký dịch vụ trả phí của chúng tôi

Nếu chúng tôi muốn tìm các địa chỉ email duy nhất trong số tất cả những người dùng đó, chúng tôi muốn kết hợp các mảng trước khi tìm các giá trị thuộc tính duy nhất

Để giữ cho phép ẩn dụ tiếp tục, chúng tôi muốn tạo một mảng users duy nhất kết hợp các mảng freeUserspaidUsers lại với nhau. Sau đó, chúng ta có thể tìm kiếm tất cả các đối tượng user đó để tìm các giá trị duy nhất cho thuộc tính email

Để nối hai mảng, freeUserspaidUsers, chúng ta có thể sử dụng toán tử trải rộng

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 hoặc
var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2. Cả hai phương pháp sẽ đạt được cùng một kết quả, nhưng cú pháp hơi khác một chút giữa hai phương pháp

Phương pháp 1 —

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
3

Các mảng JavaScript có một phương thức

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 tích hợp (_______51) nối một mảng với một mảng khác

Ghép nối là một từ $10 có nghĩa là nối với nhau hoặc đặt từ đầu đến cuối

Bạn có thể đã nghe nói về nối chuỗi, có nghĩa là nối hai hoặc nhiều chuỗi lại với nhau. Đối với chuỗi, chúng ta có thể sử dụng phương thức

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 (freeUsers3) hoặc dấu cộng (freeUsers4, toán tử cộng)

Nối mảng về cơ bản hoạt động giống như cách nối chuỗi, ngoại trừ bạn không thể sử dụng dấu cộng (freeUsers4) để nối mảng

Cả phương thức

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 đều không thay đổi mảng hoặc chuỗi ban đầu, không giống như “phương thức biến đổi” mảng, chẳng hạn như freeUsers7, freeUsers8 hoặc freeUsers9

Chúng ta hãy xem một số mã JavaScript nối hai mảng

Xem mã thô dưới dạng GitHub Gist

Bất kỳ chuỗi hoặc mảng nào bạn gọi

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 sẽ đến trước và chuỗi hoặc mảng mà bạn chuyển làm đối số cho
var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 sẽ đến sau

Mặc dù phương thức

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 trả về mảng đã cập nhật, nhưng nó không trực tiếp thay đổi mảng. Phương pháp nối mảng tiếp theo mà tôi sẽ trình bày, cú pháp trải rộng
var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2, cũng không làm thay đổi (hoặc “biến đổi”) cả mảng

Phương pháp 2 — Toán tử trải rộng

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2

Mặc dù chúng ta không thể sử dụng dấu cộng (freeUsers4) để nối các mảng lại với nhau, nhưng vẫn có một cú pháp thuận tiện, nhờ toán tử trải rộng ES6 (

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2)

Chúng ta có thể tạo một bản sao nông (không phải bản sao sâu) của một mảng có tên là paidUsers7 bằng cách sử dụng toán tử trải rộng

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2 với dấu ngoặc vuông paidUsers9. user0

Để kết hợp hai mảng với trải rộng, chúng tôi viết. user1. Một lần nữa, toán tử trải rộng sẽ không thay đổi cả hai mảng, giống như

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1

Hãy cùng xem một ví dụ về nối các mảng với sự trải rộng của

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2

Xem mã thô dưới dạng GitHub Gist

Bất kỳ mảng nào bạn đặt trước với cú pháp trải rộng

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2 sẽ đến trước, trước bất kỳ mảng nào bạn đặt ở vị trí thứ hai

Khi mục tiêu của bạn là nối hai mảng lại với nhau thành một mảng mới, hãy đảm bảo bao gồm dấu ba chấm (

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2) của cú pháp trải rộng cho cả hai mảng. Nếu không, bạn có thể vô tình lồng một hoặc cả hai mảng vào bên trong mảng mới

Cách trải rộng tham gia hai mảng

Cần thảo luận chi tiết hơn về cú pháp lây lan của

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2. Khi gọi một mảng mới bằng cách sử dụng dấu ngoặc vuông, chẳng hạn như user7, chúng ta đang gọi hàm tạo mảng (user8) với các đối số đó. user9

Để siêu cụ thể, chúng tôi thực sự đang sử dụng email0 — bởi vì hàm tạo email1 khi được truyền một số nguyên duy nhất (email2) sẽ tạo ra một mảng trống có số lượng phần tử đó (email3), trong khi email4 tạo ra một mảng chỉ có một phần tử, (email5

Vì toán tử trải rộng

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2 sẽ trải rộng toàn bộ mảng dưới dạng đối số, chúng ta có thể bắt đầu xem cách thức hoạt động của email8. đó là tốc ký để gõ từng phần tử mảng dưới dạng một đối số riêng biệt bằng tay. Sử dụng dấu ngoặc vuông user0 chỉ là một cách viết ngắn gọn hơn

Hy vọng rằng bạn có thể bắt đầu thấy cách bạn có thể sử dụng toán tử trải rộng để kết hợp bất kỳ số lượng mảng nào. freeUsers0

Phần kết luận.

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 và
var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2 có thể nối hai mảng

Nối hai mảng lại với nhau được gọi là nối mảng và bạn có thể sử dụng phương thức

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 giống như cách bạn làm để nối chuỗi

Các phương thức

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 cho cả mảng và chuỗi sẽ trả về kết quả của việc nối hai mảng hoặc chuỗi lại với nhau. Hãy nhớ rằng. Phương thức freeUsers5 cho mảng và cho chuỗi không phải là "phương thức biến đổi". nó không thay đổi (hoặc “biến đổi”) mảng hoặc chuỗi ban đầu

Mặc dù chúng ta có thể sử dụng dấu cộng freeUsers4 để nối hai chuỗi, nhưng điều đó sẽ không hoạt động đối với hai mảng. Thay vào đó, cú pháp tốc ký của chúng ta là sử dụng toán tử trải rộng

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2 với dấu ngoặc vuông paidUsers9. Giống như
var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1,
var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2 sẽ không thay đổi cả hai mảng

Để biết ví dụ thực tế về việc sử dụng

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 và toán tử trải rộng
var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2 để thêm một mục vào một mảng trong React, vui lòng tham khảo bài viết của tôi về chủ đề đó

Cách thêm vào một mảng trong trạng thái React bằng Hook

Các. chức năng push() sẽ không hoạt động, nhưng. hàm concat() có thể cập nhật Trạng thái phản ứng khi trạng thái là một mảng — cũng như…

Trung bình. com

Tổng hợp tất cả lại với nhau, bây giờ bạn đã biết cách nối hai mảng trong JavaScript bằng cách nối các mảng với cú pháp trải rộng

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
1 hoặc
var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});
console.log("The First Array=");
console.log(firstArray);
console.log("The Second Array=");
console.log(secondArray);
console.log("The mix Of array object=");
console.log(arrayOfObject);
2

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

Để hợp nhất hai mảng, chúng tôi tìm độ dài của nó và được lưu trữ trong biến fal và sal tương ứng. Sau đó, chúng tôi tạo một kết quả mảng số nguyên mới lưu tổng độ dài của cả hai mảng. Bây giờ, sao chép từng phần tử của cả hai mảng vào mảng kết quả bằng cách sử dụng hàm arraycopy()

Làm cách nào để chuyển đổi nhiều mảng thành một mảng trong JavaScript?

Sử dụng phương thức concat . Trong đoạn mã trên, chúng tôi đã hợp nhất ba mảng thành một mảng trống. Điều này sẽ dẫn đến việc hợp nhất nhiều mảng thành một mảng mới.

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

Sử dụng ES5, chúng ta có thể hợp nhất hai mảng đầu vào mà không xóa các mảng trùng lặp với. concat() rồi lặp lại qua mảng kết quả và loại bỏ các bản sao bằng cách sử dụng indexOf .

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

const mảng1 = [ {"id". "123","tên". "tên 1"}, {"id". "456","tên". "tên 2"} ]; . "123","địa chỉ". "địa chỉ 1"}, {"id". "456","địa chỉ". "Địa chỉ 2"} ];