Hướng dẫn Hợp nhất Mảng JavaScript. Ở đây chúng tôi thảo luận về ba cách khác nhau để hợp nhất các mảng và nhận mảng hợp nhất kết quả trong JavaScript.

Bạn đang xem : javascript hợp nhất 2 mảng

JavaScript Merge Arrays

Giới thiệu về Hợp nhất Mảng trong JavaScript

Trong chủ đề này, chúng ta sẽ tìm hiểu cách hợp nhất các mảng với nhau trong JavaScript. Ngoài ra, chúng ta sẽ tìm hiểu cách lấy các phần tử duy nhất trong mảng hợp nhất được kết quả hoặc loại bỏ các phần tử trùng lặp khỏi mảng hợp nhất được kết quả. Trong chủ đề này, chúng tôi sẽ giải thích ba cách khác nhau để hợp nhất các mảng và nhận mảng hợp nhất kết quả trong JavaScript.

Phương pháp 1 – Phương pháp kết hợp Javascript

Phương pháp này được sử dụng để hợp nhất hai hoặc nhiều mảng trong JavaScript. Phương thức này trả về một mảng mới và không thay đổi các mảng hiện có.

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, Kiểm tra phần mềm & amp; những người khác

Cú pháp:

  const result_array = array1.concat ([item1 [, item2 [, ... [, itemN]]]])  

Thông số:

Mảng và / hoặc giá trị để nối hoặc hợp nhất thành một mảng mới.

Trở lại:

Một bản sao Mảng mới.

Ví dụ # 1

Trong ví dụ này, chúng tôi đã lấy hai mảng và đã hợp nhất chúng bằng phương thức JavaScript concat (). Cả hai mảng đều có các mục duy nhất.

  const arr1 = ['A', 'B', 'C', 'D'];
const arr2 = ['E', 'F', 'G'];
const result = arr1.concat (arr2);
console.log (kết quả);  

Đầu ra:

JavaScript Merge Arrays output 1

Như chúng ta đã thấy, phương thức concat () đã hợp nhất cả hai mảng và trả về một mảng mới với kết quả.

Ví dụ # 2

Trong ví dụ này, chúng tôi đã lấy ba mảng và đã hợp nhất chúng bằng phương thức JavaScript concat (). Tất cả các mảng ban đầu đều có các phần tử duy nhất.

  const arr1 = ['A', 'B', 'C', 'D'];
const arr2 = ['E', 'F', 'G'];
const arr3 = ['H', 'I'];
const result = arr1.concat (arr2, arr3);
console.log (kết quả);  

Đầu ra:

JavaScript Merge Arrays output 2

Như chúng ta đã thấy cú pháp của phương thức concat () rằng nó có thể hợp nhất một hoặc nhiều mảng với nhau. Và bây giờ chúng ta đã thấy điều này qua ví dụ trên về ba mảng.

Ví dụ # 3

Trong ví dụ này, chúng ta sẽ xem liệu phương thức concat có xóa các phần tử trùng lặp hay không.

  const arr1 = ['A', 'B', 'C', 'D'];
const arr2 = ['E', 'F', 'G', 'A'];
const result = arr1.concat (arr2);
console.log (kết quả);  

Đầu ra:

Xem Thêm  Service Host là gì? Cách tắt service host local system win 10 - task scheduler là gì

JavaScript Merge Arrays output 3

Như chúng ta đã thấy rằng phương thức concat giúp hợp nhất các mảng với nhau nhưng không thể xóa các phần tử trùng lặp khỏi chúng.

Ví dụ # 4

Trong ví dụ này, chúng tôi sẽ sử dụng phương pháp bộ lọc trên mảng đã hợp nhất kết quả để lấy các phần tử duy nhất trong kết quả hoặc xóa các phần tử trùng lặp khỏi kết quả.

  const arr1 = ['A', 'B', 'C'];
const arr2 = ['D', 'E', 'A', 'F', 'C'];
const result = arr1.concat (arr2)
const d = result.filter ((item, pos) = & gt; result.indexOf (item) === pos)
console.log (d);  

Đầu ra:

JavaScript Merge Arrays output 4

Như chúng ta đã thấy trong ví dụ trên, để xóa các phần tử trùng lặp khỏi mảng hợp nhất được kết quả, chúng tôi đã sử dụng phương thức JavaScript filter ().

Ví dụ # 5

Trong ví dụ này, chúng tôi sẽ sử dụng một phương pháp khác để lấy các phần tử duy nhất trong kết quả hoặc xóa các phần tử trùng lặp khỏi kết quả.

 const arr1 = ['A', 'B', 'C'];
const arr2 = ['D', 'E', 'A', 'F', 'C'];
console.log (Array.from (new Set (arr1.concat (arr2))));  

Đầu ra:

JavaScript Merge Arrays output 5

Trong ví dụ này, chúng tôi đã chuyển mảng hợp nhất kết quả của mình sang JavaScript Set vì Bộ có thuộc tính để loại bỏ các phần tử trùng lặp, nhưng chúng trả về tập hợp thay vì mảng. Vì vậy, bằng cách sử dụng Array. từ, chúng tôi đã chuyển đổi kết quả của mình từ tập hợp thành mảng.

Phương pháp 2 – Toán tử Spread Javascript

Sử dụng toán tử này, mỗi mảng được mở rộng để cho phép các giá trị của mảng được đặt trong mảng mới.

Cú pháp:

  Đối với Mảng và Chuỗi:
[... tên_mảng, '6'];  

Ví dụ # 1

Trong ví dụ này, chúng ta sẽ xem toán tử trải rộng javaScript hoạt động như thế nào trong việc hợp nhất các mảng.

  const arr1 = ['A', 'B', 'C', 'D'];
const arr2 = ['E', 'F', 'G'];
const arr3 = ['H', 'I'];
const result = [... arr1, ... arr2, ... arr3];
console.log (kết quả);  

Đầu ra:

output 6

Trong ví dụ này, chúng ta đã học cách sử dụng JavaScript để truyền bá cú pháp để hợp nhất các mảng. Nhưng đây không phải là lựa chọn thích hợp của các nhà phát triển và không được khuyến khích sử dụng vì trên các tập dữ liệu lớn, phương thức này sẽ hoạt động chậm hơn so với phương thức JavaScript concat ().

Ví dụ # 2

Trong ví dụ này, chúng ta sẽ xem liệu phương thức cú pháp spread có xóa các phần tử trùng lặp hay không.

  const arr1 = ['A', 'B', 'C', 'D'];
const arr2 = ['E', 'F', 'G', 'A'];
const result = [... arr1, ... arr2];
console.log (kết quả);  

Đầu ra:

Xem Thêm  Bài giảng Lập Trình Hướng Đối Tượng - 4 tính chất của lập trình hướng đối tượng

output 7

Như chúng ta đã thấy rằng phương thức cú pháp spread giúp hợp nhất các mảng với nhau nhưng không thể xóa các phần tử trùng lặp khỏi chúng.

Ví dụ # 3

Trong ví dụ này, chúng ta sẽ xem cách lấy các phần tử duy nhất trong kết quả hoặc xóa các phần tử trùng lặp khỏi kết quả.

  const arr1 = ['A', 'B', 'C'];
const arr2 = ['D', 'E', 'A', 'F', 'C'];
const arr3 = [... new Set ([... arr1, ... arr2])];
console.log (arr3);  

Đầu ra:

output 8

Trong ví dụ này, chúng tôi đã chuyển mảng hợp nhất kết quả của mình sang JavaScript Set vì Bộ có thuộc tính để loại bỏ các phần tử trùng lặp, nhưng chúng trả về tập hợp thay vì mảng. Vì vậy, bằng cách xác định Mảng, chúng tôi đã chuyển đổi kết quả của mình từ tập hợp thành mảng.

Phương pháp 3 – Phương pháp đẩy mảng Javascript

Phương thức này thêm một hoặc nhiều mục vào cuối mảng và trả về độ dài của mảng mới.

Cú pháp:

  array_name.push (item1 [, ... [, itemN]])  

Thông số:

ItemN – Các mục cần thêm vào cuối mảng.

Trở lại:

Độ dài mới của mảng mà phương thức push này đã được gọi.

Ví dụ # 1

Trong ví dụ này, chúng ta sẽ xem phương thức đẩy Array hoạt động như thế nào trong việc hợp nhất các mảng.

  const arr1 = ['A', 'B', 'C'];
const arr2 = ['D', 'E', 'A', 'F', 'C'];
const lengthofcombinedarray = arr1.push (... arr2);
console.log (arr1);
console.log (lengthofcombinedarray);  

Đầu ra:

output 9

Ví dụ # 2

Trong ví dụ này, chúng tôi sẽ hướng dẫn cách lấy các phần tử duy nhất trong kết quả hoặc xóa các phần tử trùng lặp khỏi kết quả.

  const arr1 = ['A', 'B', 'C'];
const arr2 = ['D', 'E', 'A', 'F', 'C'];
arr1.push (... arr2);
const result = [... new Set (arr1)]
console.log (kết quả);  

Đầu ra:

output 10

Kết luận – Mảng hợp nhất JavaScript

Trong một số ngôn ngữ lập trình, chúng tôi sử dụng một toán tử bổ sung để hợp nhất các mảng với nhau, nhưng JavaScript cung cấp các phương thức khác nhau mà chúng tôi có thể sử dụng để hợp nhất các mảng. Vì vậy, chúng ta đã tìm hiểu ba cách khác nhau trong JavaScript để hợp nhất các mảng với nhau.

Các bài báo được đề xuất

Đây là hướng dẫn về Hợp nhất Mảng JavaScript. Ở đây chúng ta thảo luận về khái niệm cơ bản, ba cách khác nhau để hợp nhất các mảng và nhận mảng hợp nhất kết quả trong JavaScript. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

Xem Thêm  Sử dụng thuộc tính - Hướng dẫn lập trình C # - thuộc tính c # được thiết lập

0

Chia sẻ

Chia sẻ


Xem thêm những thông tin liên quan đến chủ đề javascript hợp nhất 2 mảng

How to Merge Objects in Javascript

alt

  • Tác giả: Gaël Thomas | HereWeCode
  • Ngày đăng: 2021-04-09
  • Đánh giá: 4 ⭐ ( 8252 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Discover three ways to merge two objects or more in JavaScript.
    One using the spread operator, another using the JavaScript Object Assign method, and the last one using the Lodash Merge function.


    Resources:
    – How to Merge Objects in JavaScript: https://herewecode.io/blog/javascript-merge-objects/


    Follow me on:
    👉 Twitter: https://twitter.com/gaelgthomas

Cách hợp nhất hai mảng trong JavaScript và các mục không trùng lặp

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 3143 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Để chỉ hợp nhất các mảng (mà không loại bỏ trùng lặp) Sử dụng phiên bản…

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

  • Tác giả: vn.wsxdn.com
  • Đánh giá: 5 ⭐ ( 4575 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Javascript Array Push: Cách thêm phần tử vào Array S :: Eloquent Javascript

  • Tác giả: gialaipc.com.vn
  • Đánh giá: 3 ⭐ ( 1855 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [ad_1]

    Mảng là danh sách các đối tượng có nguyên mẫu có các phương thức để thực hiện các thao tác đột biến. Độ

Mảng 2 chiều trong JavaScript

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 5 ⭐ ( 4633 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cùng tìm hiểu về mảng 2 chiều trong JavaScript. Bạn sẽ biết mảng 2 chiều trong JavaScript là gì, cách khai báo mảng 2 chiều trong javascript cũng như cách duyệt mảng 2 chiều trong javascript sau bài h

3 JavaScript tip giúp tiết kiệm thời gian làm việc

  • Tác giả: topdev.vn
  • Đánh giá: 3 ⭐ ( 1267 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript tip giúp việc lập trình với ngôn ngữ JavaScript trở nên đơn giản và hiệu quả hơn rất nhiều. Tìm hiểu thêm với bài viết dưới đây.

Mảng trong JavaScript | JS ARRAY

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 4 ⭐ ( 9856 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn tự học Javascript này, bạn sẽ tìm hiểu về Mảng (Hay còn gọi là Array), cách tạo và thao tác với Mảng trong JavaScript.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php