JavaScript là một ngôn ngữ lập trình / kịch bản dựa trên đối tượng được sử dụng như một ngôn ngữ web giao diện người dùng. Mảng thường được sử dụng để lưu trữ cùng một loại dữ liệu hoặc thông tin. Khi nói đến việc thực hiện một số thay đổi động như hiển thị dữ liệu của hai bảng tại một nơi trên giao diện người dùng, chúng ta có thể thực hiện một số chức năng cơ bản trên giao diện người dùng thay vì truy vấn ngược lại từ giao diện người dùng. Cách hợp nhất hoặc nối nhiều mảng trong JavaScript được giải thích trong bài viết này.

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

JavaScript là một ngôn ngữ lập trình / kịch bản dựa trên đối tượng được sử dụng làm ngôn ngữ web giao diện người dùng. Khi các nhà phát triển phải tạo một số hoạt ảnh hoặc làm cho trang web trở nên tương tác hơn, JavaScript là ngôn ngữ đằng sau tất cả các hoạt động tương tác.

Như chúng ta đều biết rằng mảng thường được sử dụng để lưu trữ cùng một loại dữ liệu hoặc thông tin. Khi cần thực hiện một số thay đổi động như hiển thị dữ liệu của hai bảng tại một nơi trên giao diện người dùng, thay vì truy vấn lại từ giao diện người dùng, chúng ta có thể thực hiện một số chức năng cơ bản trên giao diện người dùng.

Trong bài đăng này, chúng tôi sẽ có hướng dẫn chi tiết về cách hợp nhất hoặc nối nhiều mảng trong JavaScript.

Phương thức concat () trong JavaScript là gì

Để hợp nhất hai hoặc nhiều mảng trong JavaScript, hàm concat () được sử dụng. Cú pháp để nối nhiều mảng bằng phương thức concat là:

array_name.

concat

(

first_array

, second_array

,

,

N_array

)

< ul>

  • Hàm concat () nhận nhiều mảng làm tham số và nối chúng với nhau thành một mảng.
  • Hàm concat () trả về một mảng mới và không ảnh hưởng đến mảng ban đầu.
  • Hãy thử nối hai mảng và hiểu rõ hơn về hàm concat () .

    Lưu ý: Chúng tôi sẽ sử dụng bảng điều khiển của trình duyệt để trình bày các ví dụ được thực hiện trong bài đăng này. Để mở bảng điều khiển của trình duyệt:

    • Sử dụng phím F12 trong Chrome và các trình duyệt dựa trên crôm khác.
    • Sử dụng tổ hợp phím tắt CTRL + SHIFT + K cho Mozilla.
    • Sử dụng tổ hợp phím tắt Option + ⌘ + C trong Safari (nếu menu nhà phát triển không xuất hiện, hãy mở Tùy chọn bằng cách nhấn ⌘ + và trong tab Nâng cao, chọn “Hiển thị Phát triển menu trong thanh menu ”).
    Xem Thêm  Căn giữa một bảng trong HTML - căn giữa một bảng html

    Cách sử dụng hàm concat () trong JavaScript

    Giả sử chúng ta có hai mảng và chúng ta muốn biến chúng thành một mảng duy nhất:

    var

    arr1

    =

    [

    < p class = "nu0"> 10

    ,

    20

    ,

    30

    ,

    40

    ] < / p>

    ;

    var

    arr2

    =

    [

    50 < / p>

    ,

    60

    ,

    70

    ,

    80

    ]

    ;

    Để nối chúng thành một mảng, câu lệnh sau sẽ được sử dụng:

    var arr3 = arr1.concat (arr2);

    Bây giờ, nếu chúng ta điều khiển arr3 :

    bảng điều khiển.

    log

    (

    arr3

    )

    ;

    Bạn có thể thấy rằng hai mảng arr1 arr2, được nối với nhau trong arr3 .

    Bây giờ, giả sử chúng ta muốn nối ba mảng này. Để nối nhiều mảng, đoạn mã sau sẽ được sử dụng:

    var

    arr4

    =

    arr1.

    concat

    (

    arr2

    ,

    arr3

    )

    ;

    Một cách khác để thực hiện cùng một nhiệm vụ sẽ diễn ra như sau:

    var

    arr4

    =

    [

    < p class = "br0">]

    .

    concat

    (

    arr1

    , < / p> arr2

    ,

    arr3

    )

    ;

    Bây giờ, nếu chúng ta xem xét arr4 :

    bảng điều khiển.

    log

    (

    arr4

    )

    ;

    Bạn có thể thấy rằng tất cả ba mảng được hợp nhất thành arr4 như chúng tôi mong đợi.

    Đây là cách chúng ta có thể hợp nhất hai mảng bằng phương pháp concat.

    Nối các mảng bằng toán tử spread trong JavaScript

    Một cách khác để hợp nhất nhiều mảng trong JavaScript là sử dụng toán tử lây lan. Việc hợp nhất hai mảng bằng cách sử dụng toán tử spread thực sự đơn giản. Chỉ cần thêm ba dấu chấm vào tên mảng và cung cấp chúng dưới dạng phần tử mảng cho một mảng mới.

    Ví dụ: chúng tôi có hai mảng:

    var

    arr1

    =

    [

    < p class = "nu0"> 10

    ,

    20

    ,

    30

    ,

    40

    ] < / p>

    ;

    var

    arr2

    =

    [

    50 < / p>

    ,

    60

    ,

    70

    ,

    80

    ]

    ;

    Bây giờ để tham gia cùng họ bằng toán tử chênh lệch, chỉ cần sử dụng câu lệnh sau:

    var

    arr3

    =

    [

    . ..

    arr1

    ,

    arr2

    ]

    Bây giờ, hãy điều khiển arr3 để xác minh:

    bảng điều khiển.

    log

    (

    arr3

    )

    ;

    Bạn có thể thấy rằng arr1 arr2 được kết hợp hoàn hảo bằng cách sử dụng toán tử spread.

    Kết luận

    Phương thức concat () hữu ích khi thao tác dữ liệu có trong mảng mà không sửa đổi mảng ban đầu. Khi làm việc trên các ứng dụng web, chúng tôi có thể cần hiển thị dữ liệu của các mảng khác nhau được kết hợp. Chúng tôi có thể thực hiện việc này bằng cách sử dụng phương thức contact () trong JavaScript. Phương pháp này sẽ giúp chúng tôi thực hiện tác vụ của mình mà không làm thay đổi các mảng thực tế có thể cần thiết sau này ở trạng thái ban đầu của chúng.

    Xem Thêm  Cách thay đổi văn bản và màu nền trong CSS - css thay đổi màu của văn bản

    Trong hướng dẫn cách thực hiện này, chúng tôi đã học cách sử dụng hàm concat () trong JavaScript. Hơn nữa, chúng tôi cũng đã học cách sử dụng toán tử spread, cũng được sử dụng để hợp nhất các mảng. Toán tử spread đã trở thành một cách phổ biến hơn để hợp nhất các mảng trong thời gian gần đây.


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

    JavaScript Copy Array: How to make an exact copy of an array in JavaScript

    alt

    • Tác giả: codebubb
    • Ngày đăng: 2019-01-18
    • Đánh giá: 4 ⭐ ( 9109 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: In this tutorial, you’ll learn how the JavaScript copy array process works.

      Don’t forget to subscribe to the Junior Developer Central channel for more videos and tutorials!

      You’ll learn about two ways that JavaScript can be used to copy an array. First, we’ll take a look at the slice function which is a built-in JavaScript function that can be called on an array.

      The slice function actually returns back a portion of an array based on the value you supply it as an argument. Typically you would use this to miss the first character from a string (like when using JavaScript to capitalize the first letter of a string). However, in this example, you’ll see that not provided the slice function with a value just returns a complete copy of the entire array and there you have a copy of your original array.

      The second method you’ll learn about is the ES6 spread operator which is usually used to insert the values of an entire array into another one. You’ll see in the video that inserting the values into a blank array allows you to create an exact copy.

      So JavaScript variables that aren’t primitive data types are copied by reference when you just assign variableA to variableB. It therefore makes sense that a JavaScript array is copied by reference too. In the final section of the video, you’ll see why you can’t just copy a JavaScript array by assigning the variable name to another variable.

      Other videos in the JavaScript Snippets series:

      JavaScript How To Remove An Item From Array Tutorial: https://youtu.be/UvohHcj9I-s
      Javascript String Length: How to determine the size of a string: https://youtu.be/OO0_9gq8NNI
      How to find the longest word in a String with JavaScript: https://youtu.be/j9cAav7VIv4
      Find the largest number in an array JavaScript Tutorial: https://youtu.be/fOFSmCjvcFY
      Check if a String is a palindrome with JavaScript Tutorial: https://youtu.be/_KE_yCKBqUA
      How to reverse a String in JavaScript Tutorial: https://youtu.be/k7zzWvQaEhc
      JavaScript join method: How to merge arrays into one value: https://youtu.be/90MVWda5DlM
      Javascript How To Convert String To Number Tutorial: https://youtu.be/K-Twvsg3K_M
      JavaScript Create HTML Element: How to dynamically add tags to your pages: https://youtu.be/VsXCK_2DJzA
      JavaScript String Contains: How to check a string exists in another: https://youtu.be/uLT9iPccVZs
      Link JavaScript to HTML: How to run your JavaScript code in the browser: https://youtu.be/821C5aJ3SLM
      JavaScript Capitalize First Letter: How to make strings and arrays sentence case: https://youtu.be/8IEI-7fj2j4
      Javascript Print To Console Tutorial: Different ways to output data to the console: https://youtu.be/pkFbigsR7jI

    Các hàm xử lý mảng trong javascript

    • Tác giả: truyenmai.com
    • Đánh giá: 3 ⭐ ( 4458 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Truyền Mai – Các hàm xử lý 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á: 4 ⭐ ( 4748 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á: 5 ⭐ ( 2655 lượt đánh giá )
    • Khớp với kết quả tìm kiếm:

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

    Cách gộp hai object javascript lại với nhau

    • Tác giả: freetuts.net
    • Đánh giá: 4 ⭐ ( 9368 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Cách gộp hai object javascript lại với nhau, qua đó bạn sẽ biết cách gộp hai đối tượng object trong javascript sao cho an toàn nhất, xem tại đây

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

    • Tác giả: vntalking.com
    • Đánh giá: 4 ⭐ ( 4403 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

    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

    Xem Thêm  Trigger trong SQL Server: Hướng dẫn từ A-Z về Trigger - kết nối python với sql server

    By ads_php