Hướng dẫn cho người mới bắt đầu này sẽ hướng dẫn các cách khác nhau để nối các mảng lại với nhau trong Javascript. Tải xuống mã ví dụ miễn phí bao gồm.

Bạn đang xem : nối hai mảng javascript

Chào mừng bạn đến với hướng dẫn về cách nối hoặc kết hợp các mảng với nhau trong Javascript. Vì vậy, bạn đang phải đối mặt với một vấn đề khi cố gắng kết hợp hai “mảng đáng sợ” với nhau trong Javascript?

Các cách phổ biến để nối các mảng với nhau trong Javascript là:

  1. var merge = ARRAYA.concat (ARRAYB);
  2. var merge = [... ARRAYA, ... ARRAYB];
  3. Vòng lặp và kết hợp các mảng theo cách thủ công.
    • var merge = [];
    • for (let el of ARRAYA) {merge.push (el); }
    • for (let el of ARRAYB) {results.push (el); }
  4. Nối mảng.
    • var merge = ARRAYA;
    • merge.splice (1, 0, ... ARRAYB);
  5. Ánh xạ các mảng với nhau bằng một hàm. Ví dụ, thêm các giá trị của cả hai mảng.
    • var ARRAYA = [1, 2, 3];
    • var ARRAYB = [4, 5, 6];
    • function sum (v, i) {return v + this [i]; }
    • var merge = ARRAYA.map (sum, ARRAYB);

Nội dung đó bao gồm các khái niệm cơ bản nhanh, nhưng chúng ta hãy xem qua các ví dụ khác trong hướng dẫn này – Đọc tiếp!

ⓘ Tôi đã bao gồm một tệp zip với tất cả mã nguồn mẫu ở đầu hướng dẫn này, vì vậy bạn không cần phải sao chép-dán mọi thứ… Hoặc nếu bạn chỉ muốn đi sâu vào.

TRANG TRÌNH BÀY NHANH

MỤC LỤC

TẢI XUỐNG & amp; LƯU Ý

Đầu tiên, đây là liên kết tải xuống mã ví dụ như đã hứa.

LƯU Ý NHANH

Nếu bạn phát hiện ra lỗi, vui lòng bình luận bên dưới. Tôi cũng cố gắng trả lời các câu hỏi ngắn, nhưng đó là một người so với toàn bộ thế giới… Nếu bạn cần câu trả lời gấp, vui lòng xem

Nếu bạn phát hiện lỗi, vui lòng nhận xét bên dưới. Tôi cũng cố gắng trả lời những câu hỏi ngắn, nhưng đó là một người so với cả thế giới… Nếu bạn cần câu trả lời khẩn cấp, vui lòng xem danh sách các trang web của tôi để nhận trợ giúp về lập trình

TẢI XUỐNG MÃ VÍ DỤ

Nhấp vào đây để tải xuống mã nguồn, tôi đã phát hành mã nguồn theo giấy phép của MIT, vì vậy hãy thoải mái xây dựng hoặc sử dụng nó trong dự án của riêng bạn.

Xem Thêm  Hướng dẫn hoàn chỉnh về tiêu đề PHP () với các ví dụ - php bao gồm tiêu đề php

CÁC ĐỢT NHẬP KHẨU

Được rồi, bây giờ chúng ta hãy tìm hiểu các cách khác nhau để nối các mảng lại với nhau trong Javascript.

1) CHỨC NĂNG CONCAT

1-concat.js

  // (A) ĐẾN
var arrA = ["Foo", "Thanh"];
var arrB = ["Xin chào", "Thế giới"];
var arrC = [88, 22, 33];
 
// (B) KẾT HỢP 2 ĐẾN
var kết hợpA = arrA.concat (arrB);
console.log (kết hợpA); // Foo, Bar, Hello, World
 
// (C) KẾT HỢP 3 (HOẶC NHIỀU) ĐẾN
var kết hợpB = arrA.concat (arrB, arrC);
console.log (kết hợpB); // Foo, Bar, Hello, World, 88, 22, 33  

Như trong phần giới thiệu ở trên, hàm concat () có lẽ là “khuyến nghị số một” trên Internet. Nhưng hãy lưu ý, chúng ta có thể sử dụng nó để kết hợp nhiều hơn 2 mảng với nhau.

2) BỘ ĐIỀU HÀNH TỐC ĐỘ

2-spread.js

  // (A) ĐẾN
var arrA = ["Foo", "Thanh"];
var arrB = ["Xin chào", "Thế giới"];
var arrC = [88, 22, 33];
 
// (B) THAM GIA HAI ĐƯỜNG ĐẾN
var kết hợpA = [... arrA, ... arrB];
console.log (kết hợpA); // Foo, Bar, Hello, World

// (C) KẾT HỢP NHIỀU ĐẾN ĐẾN
var kết hợpB = [... arrA, ... arrB, ... arrC];
console.log (kết hợpB); // Foo, Bar, Hello, World, 88, 22, 33
 

Được giới thiệu vào ES2018, toán tử trải rộng ... chỉ đơn giản là “trải” tất cả các phần tử của một mảng ra từng phần tử. Vì vậy, khi chúng ta thực hiện [... arrA, ... arrB] , chúng ta chỉ đơn giản là tạo một mảng mới, bằng cách đặt các phần tử của mảng hiện có vào bên trong.

Tái bút. Hãy lưu ý rằng các trình duyệt cũ hơn trước năm 2018 sẽ không hỗ trợ toán tử lây lan.

3) HƯỚNG DẪN SỬ DỤNG

3-manual.js

  // (A) ĐẾN
var arrA = ["Foo", "Thanh"];
var arrB = ["Xin chào", "Thế giới"];
var arrC = [88, 22, 33];

// (B) ĐĂNG NHẬP THỦ CÔNG & amp; PUSH ARRAY YẾU TỐ
var kết hợp = arrA; // Foo, Bar
for (let el of arrB) {merge.push (el); }
console.log (kết hợp); // Foo, Bar, Hello, World

// (C) ĐỂ THÊM THÊM, CHÚNG TÔI ĐƠN GIẢN ĐĂNG NHẬP & amp; PUSH LẠI
for (let el of arrC) {merge.push (el); }
console.log (kết hợp); // Foo, Bar, Hello, World, 88, 22, 33  

Ngày xưa trong thời kỳ đồ đá của Internet, đây là cách chúng ta kết hợp các mảng với nhau. Nó có thể là “kiểu cũ”, nhưng nó vẫn được áp dụng cho đến ngày nay – Chúng tôi có thể xử lý tùy chỉnh của riêng mình trong vòng lặp for , có thể kiểm tra xem một phần tử có phải là một số hay không trước khi kết hợp nó.

Xem Thêm  Làm thế nào để chuyển đổi một chuỗi thành một mảng trong JavaScript - chuỗi javascript thành chuỗi chuỗi

4) SPLICE

4-splice.js

  // (A) ĐẾN
var arrA = ["Foo", "Thanh"];
var arrB = ["Xin chào", "Thế giới"];
var arrC = [88, 22, 33];
 
// (B) KẾT HỢP TOÀN BỘ ĐẾN
// ARRAY.SPLICE (BẮT ĐẦU, XÓA, CÁC YẾU TỐ ĐỂ CHÈN)
var kết hợpA = [... arrA];
kết hợpA.splice (arrA.length, 0, ... arrB);
console.log (kết hợpA); // Foo, Bar, Hello, World
 
// (C) "CHÈN" VÀO CHỈ SỐ CỤ THỂ
var kết hợpB = [... arrA];
kết hợpB.splice (1, 0, ... arrB);
console.log (kết hợpB); // Foo, Hello, World, Bar
 
// (D) KẾT HỢP NHIỀU CÁCH ĐẾN
var kết hợpC = [... arrA];
kết hợpC.splice (1, 0, ... arrB, ... arrC);
console.log (kết hợpC); // Foo, Hello, World, 88, 22, 33 Bar  

Splice khá khó hiểu, nhưng nó cũng rất linh hoạt. Chúng ta có thể sử dụng nó để thực hiện “kết hợp đặc biệt”, chẳng hạn như nối một mảng ở giữa thay vì ở cuối.

5) BẢN ĐỒ

5-map.js

  // (A) ĐẾN
var arrA = [1, 2, 3, 4];
var arrB = [11, 22, 33, 44];

// (B) KẾT HỢP VỚI CHỨC NĂNG BẢN ĐỒ TÙY CHỈNH
// * ĐIỀU NÀY SẼ KHÔNG TẠO [1, 2, 3, 11, 22, 33]
// * NHƯNG CÓ [1 * 11, 2 * 22, 3 * 33]
var kết hợp = arrA.map (
  (val, idx) = & gt; {return val * arrB [idx]; }, arrB
);
console.log (kết hợp); // 11, 44, 99
 

Cuối cùng, đây là một cách khác để thực hiện “kết hợp tùy chỉnh”. Trong ví dụ này, chúng tôi đang kết hợp 2 mảng bằng cách nhân các phần tử với nhau – Chỉ cần sửa đổi hàm map () để thực hiện bất kỳ điều gì được yêu cầu trong trường hợp của bạn.

NHỮNG LỢI ÍCH HỮU ÍCH & amp; LIÊN KẾT

Đó là tất cả cho hướng dẫn này và đây là một phần nhỏ về một số tính năng bổ sung và liên kết có thể hữu ích cho bạn.

TÓM TẮT

Tuyên bố / Toán tử / Chức năng
Mô tả
Liên kết tham chiếu
COMBINED = ARRAY1.concat (ARRAY2, ARRAY3, ... ARRAYN)
Nối 2 hoặc nhiều mảng với nhau.
Nhấp vào đây
COMBINED = [... ARRAY1, ... ARRAY2, ... ARRAYN]
“Spread” và kết hợp các mảng hiện có thành một mảng mới.
Nhấp vào đây
ARRAY.push (VALUE)
Thêm một phần tử mới vào cuối một mảng hiện có.
Nhấp vào đây
ARRAY.splice (START, DELETE, VALUE, VALUE, ... VALUEN)
“Cách linh hoạt” để nối 2 mảng với nhau.
Nhấp vào đây
ARRAY.map (CHỨC NĂNG, THAM KHẢO)
Ánh xạ mảng đã cho vào một mảng mới, sử dụng hàm đã cho.
Nhấp vào đây

Xem Thêm  Cách tạo bảng với khóa ngoại trong SQL - tạo khóa ngoại bảng

LIÊN KẾT & amp; TÀI LIỆU THAM KHẢO

BẢNG CHEAT HÌNH ẢNH

HẾT

Cảm ơn bạn đã đọc và chúng ta đã đến phần cuối của hướng dẫn này. Tôi hy vọng rằng nó đã giúp bạn với dự án của bạn, và nếu bạn muốn chia sẻ bất cứ điều gì với hướng dẫn này, vui lòng bình luận bên dưới. Chúc may mắn và viết mã vui vẻ!


Xem thêm những thông tin liên quan đến chủ đề nối hai mảng javascript

Hàm bậc cao cho Array trong JavaScript (JS Higher order functions)

  • Tác giả: Henry Web Dev
  • Ngày đăng: 2020-10-04
  • Đánh giá: 4 ⭐ ( 4799 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hàm bậc cao cho Array trong JavaScript (Higher order functions)

Mảng trong JavaScript | JS ARRAY

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 5 ⭐ ( 1518 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.

concat() – Nối hai hay nhiều mảng lại với nhau trong JavaScript

  • Tác giả: webcoban.vn
  • Đánh giá: 3 ⭐ ( 1979 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: phương thức concat(), hàm concat(), nối hai hay nhiều mảng lại với nhau trong JavaScript

Cách nối hai mảng trong JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 4 ⭐ ( 4409 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Làm thế nào ghép (concat) mảng trong Javascript?

  • Tác giả: vntalking.com
  • Đánh giá: 5 ⭐ ( 6633 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết này mình sẽ giới thiệu một số cách ghép nối mảng trong javascript. Tùy vào yêu cầu cụ thể mà chọn một phương pháp hợp lý nhất

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

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

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á: 4 ⭐ ( 3419 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…

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