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' ] ]
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 freeUsers
và paidUsers
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, freeUsers
và paidUsers
, 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 [
freeUsers
3] hoặc dấu cộng [freeUsers
4, 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 [freeUsers
4] để 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ư
freeUsers
7, freeUsers
8 hoặc freeUsers
9Chú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 [freeUsers
4] để 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à paidUsers
7 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
paidUsers
9. user
0Để kết hợp hai mảng với trải rộng, chúng tôi viết. user
1. 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ư
user
7, chúng ta đang gọi hàm tạo mảng [user
8] với các đối số đó. user
9Để siêu cụ thể, chúng tôi thực sự đang sử dụng email
0 — bởi vì hàm tạo email
1 khi được truyền một số nguyên duy nhất [email
2] sẽ tạo ra một mảng trống có số lượng phần tử đó [email
3], trong khi email
4 tạo ra một mảng chỉ có một phần tử, [email
5
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
email
8. đó 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 user
0 chỉ là một cách viết ngắn gọn hơnHy 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. freeUsers
0
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
freeUsers
5 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 đầuMặc dù chúng ta có thể sử dụng dấu cộng freeUsers
4 để 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
paidUsers
9. 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