Có một số cách để bạn có thể nối hai mảng trong JavaScript, cú pháp spread, phương thức .concat () và phương thức push ()

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

< p> Có một số cách để bạn có thể nối hai mảng trong JavaScript, cú pháp spread, phương thức concat () push () .

Việc kết hợp hai mảng thường được gọi là hợp nhất mảng.

Vì bạn có hai mảng:

  

const

hoa quả

=

[

'

chuối

'

,

'

apple

'

]

const

rau

=

[

'

ngô

'

,

'

bí đỏ

'

]

Nối các mảng bằng cú pháp Spread

cú pháp spread (hoặc toán tử spread) được sử dụng khi các mục từ và có thể lặp lại cần được mở rộng, ví dụ: trong mảng.

Vì vậy, để nối các mảng trái cây và rau, chúng tôi sẽ tạo một biến mới và gán cho nó một mảng mới:

  

const

thực phẩm

=

[...

hoa quả

,

...

rau

]

thực phẩm

// ['chuối', 'táo', 'ngô', 'bí ngô']

Sử dụng phương pháp này, bạn thực sự có thể nối nhiều mảng:

  

const

thực phẩm

=

[...

hoa quả

,

...

rau

,

...

sữa

,

...

ngũ cốc

]

Hỗ trợ của trình duyệt cho cú pháp Spread: được hỗ trợ trong tất cả các trình duyệt chính ngoại trừ IE.

Nối các mảng bằng phương thức .concat ()

Phương thức concat () được sử dụng để hợp nhất hai hoặc nhiều mảng.

Bạn có thể sử dụng nó theo cách tương tự như ví dụ trên, tạo một biến mới và gán cho nó một mảng đã hợp nhất:

  

const

thực phẩm

=

hoa quả

.

concat

(

rau

)

thực phẩm

// ['chuối', 'táo', 'ngô', 'bí ngô']

LƯU Ý: Phương thức concat () không thay đổi các mảng hiện có mà trả về một mảng mới .

Để nối nhiều mảng, chỉ cần chỉ định mỗi mảng làm đối số bổ sung cho phương thức concat () :

  

// một cách khác để sử dụng phương thức concat

const

thực phẩm

=

[].

concat

(

hoa quả

,

rau

,

bơ sữa

,

ngũ cốc

)

Hỗ trợ trình duyệt cho phương thức concat () : được hỗ trợ tất cả các trình duyệt chính .

Nối các mảng bằng phương thức .push ()

Trong trường hợp bạn muốn nối các mảng và cập nhật giá trị của mảng ban đầu (thay đổi nó), bạn có thể sử dụng phương thức push () .

Phương thức push () thêm một hoặc nhiều phần tử vào cuối mảng. Để đẩy toàn bộ mảng, bạn cần sử dụng cú pháp Spread:

  

hoa quả

.

push

(...

rau

)

hoa quả

// ['chuối', 'táo', 'ngô', 'bí ngô']

Phương thức push () chấp nhận nhiều đối số, vì vậy bạn có thể nối nhiều mảng thành một:

 

hoa quả

.

đẩy

(.. .

rau

,

...

sữa

,

...

ngũ cốc

)

Phương thức push () là một phương pháp hữu ích bên trong các vòng lặp khi bạn cần cập nhật mảng hiện có. < / p>

Hỗ trợ trình duyệt cho phương thức push () : được hỗ trợ trong tất cả các trình duyệt chính . < / p>

Xử lý các bản sao

Trong trường hợp các mục mảng bạn đang tham gia là chuỗi hoặc số, có thể có trường hợp bạn cần hợp nhất các giá trị trùng lặp. Sao cho mỗi mục là duy nhất và xuất hiện một lần trong mảng.

Để đối phó với các bản sao, bạn có thể sử dụng đối tượng Set và gán nó cho một biến mới:

  

const

hoa quả

=

[

'

chuối

'

,

'

apple

'

,

'

cà chua

'

]

const

rau

=

[

'

ngô

'

,

'

bí đỏ

'

,

'

cà chua

'

]

const

thức ăn

=

[.. .

new

Đặt

([...

hoa quả

,

...

rau

])]

thực phẩm

// ['chuối', 'táo', 'cà chua', 'ngô', 'bí ngô']

Trong trường hợp bạn đang tham gia các mảng chứa các đối tượng hoặc các mục có giá trị hỗn hợp, tôi khuyên bạn nên sử dụng thư viện lodash để kiểm tra các bản sao và hợp nhất chúng.

Ví dụ từ lodash sử dụng phương thức unionWith để nối hai mảng có một mục trùng lặp:

  

var

đối tượng

=

[{

'

x

' < / p>

:

1

,

'

y

'

:

2

},

{

'

x

'

:

2

< p class = "p">,

'

y

'

:

1

}]

var

những người khác

=

[{< / p>

'

x

'

:

1

,

'

y

'

:

1

},

{

'

x

< p class = "dl"> '

:

1

,

'

y

'

: < / p>

2

}]

_

.

unionVới

(

đối tượng

,

đối tượng khác

,

_

.

isEqual

)

// = & gt; [{'x': 1, 'y': 2}, {'x': 2, 'y': 1}, {'x': 1, 'y': 1}]


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

9.15: 2D Arrays in JavaScript – p5.js Tutorial

  • Tác giả: The Coding Train
  • Ngày đăng: 2016-07-18
  • Đánh giá: 4 ⭐ ( 1564 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this JavaScript Tutorial, I cover two-dimensional (2D) arrays in JavaScript. I demonstrate how to create, initialize, and use the arrays with nested for loops.

    Support this channel on Patreon: https://patreon.com/codingtrain

    Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

    Contact: https://twitter.com/shiffman

    Links discussed in this video:
    Dan’s 2D Array in Processing tutorial: https://www.processing.org/tutorials/2darray/

    Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code

    p5.js: https://p5js.org/
    Processing: https://processing.org

    For More JavaScript Tutorials: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZmA-d3D0iFIvgrB5_7kB8H

    Help us caption & translate this video!

    http://amara.org/v/RS64/

    📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

Các hàm xử lý mảng trong javascript hữu ích

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 2096 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chia sẻ các hàm xử lý mang trong Javascript thường dùng nhất, những hàm làm việc với mảng hữu ích giúp bạn xử lý mảng javascript nhanh gọn hơn

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 ⭐ ( 4648 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…

Gộp mảng trong JavaScript

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 4 ⭐ ( 6955 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách gộp mảng trong JavaScript. Bạn sẽ học được 3 phương pháp gộp mảng căn bản trong JavaScript sau bài học này.

Mảng trong javascript

  • Tác giả: toidicode.com
  • Đánh giá: 4 ⭐ ( 2285 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ở phần hằng và biến trong javascript mình cũng có nói qua về cách khai báo mảng trong javascript rồi. Nhưng đó mới chỉ là mức độ khai báo còn sử dụng thì mình chưa nói, nên bài này mình sẽ giới thiệu lại với mọi người về mảng trong javascript một cách chi tiết hơn.

Mảng trong JavaScript | JS ARRAY

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

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

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

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  Ký tự đại diện SQL - ký tự đại diện sql ở giữa chuỗi

By ads_php