Future Studio cung cấp chương trình học theo yêu cầu và muốn bạn trở thành một nhà phát triển Android tốt hơn (Retrofit, Gson, Glide, Picasso) và Node.js / hapi!

Bạn đang xem : thêm vào cuối mảng js

Mảng là một cấu trúc dữ liệu thường được sử dụng trong các ứng dụng JavaScript. Mảng đại diện cho một danh sách các mục mà bạn có thể thao tác theo nhu cầu của riêng mình. Bạn có thể thêm các mục mới vào một mảng hiện có một cách dễ dàng.

Hướng dẫn này chỉ cho bạn ba cách nối các mục mới vào cuối một mảng hiện có.

Tổng quan về sê-ri Node.js

3 Cách Thêm Mục vào Cuối Mảng JavaScript

JavaScript đi kèm với phương thức Array # push cho phép bạn đẩy một hoặc nhiều mục vào cuối mảng. Bạn cũng có thể thêm các mục mới bằng cách tạo một mảng mới bằng toán tử spread để đẩy các mục hiện có lên đầu. Một cách khác là nối các mảng tạo ra một mảng mới.

Hãy khám phá tất cả các tùy chọn trong các đoạn bên dưới.

Đẩy các mục vào một mảng hiện có

Phương thức Array # push nối một hoặc nhiều mục vào cuối mảng.

* Lưu ý: Array # push thay đổi các giá trị của mảng, nhưng không trả về mảng với các mục mới được thêm vào. Nó trả về độ dài mảng mới:

  const ids = [1, 2, 3]

const newArrayLength = ids.push (4)
// 4
// giá trị của "id" là [1, 2, 3, 4]

// hoặc đẩy nhiều giá trị

ids.push (5, 6, 7)
// giá trị của "id" là [1, 2, 3, 4, 5, 6, 7]
 

Trải và nối các mục vào một mảng mới

Bạn cũng có thể tạo một mảng mới chứa các mục hiện có và mới. Tạo một mảng mới và sử dụng toán tử dàn trải để thêm tất cả các mục của một mảng hiện có vào đầu mảng mới. Sau đó, thêm tất cả các mục mới vào cuối:

  const ids = [1, 2, 3]

const newIds = [... id, 4]
// [1, 2, 3, 4]

const newIds = [... id, 4, 5, 6]
// [1, 2, 3, 4, 5, 6]
 

Kết hợp (enate) Các mục vào một Mảng

Một ý tưởng khác là nối các mục hiện có và mới vào một mảng mới. Ở đây bạn phải nối các mục mới vào mảng hiện có. Điều đó giữ cho thứ tự sắp xếp các mặt hàng mới đến cuối cùng:

  const ids = [1, 2, 3]

const newIds = ids.concat (4, 5, 6)
// giá trị của "newIds" là [1, 2, 3, 4, 5, 6]
 

Vậy là xong! Cả ba cách đều cho phép bạn nối một hoặc nhiều mục vào cuối một mảng JavaScript.

Xem Thêm  Python Booleans - cách trả về true hoặc false trong python

Bạn nên sử dụng gì?

Tốt, hãy sử dụng những gì bạn thích nhất!

Tôi thích Array # concat khi xây dựng đường dẫn mảng bằng cách xâu chuỗi các thao tác tiếp theo, như Array # map , Array # filter hoặc < code> Array # find .

Trong các tình huống mà tôi chỉ muốn nối mặt hàng mà không cần các thao tác bổ sung, tôi đang sử dụng toán tử chênh lệch.

Về hiệu suất: Bên tôi thực sự không quan tâm đến việc tối ưu hóa hiệu suất. Tôi đang dựa vào thời gian chạy JavaScript để tối ưu hóa mã cho mình. Điều này cho phép tôi tự do viết mã mà tôi thích đọc 😃


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

Beginner JavaScript Tutorial – 33 – Add Array Elements Using a Loop

  • Tác giả: thenewboston
  • Ngày đăng: 2011-03-31
  • Đánh giá: 4 ⭐ ( 8863 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Join our community below for all the latest videos and tutorials!

    Website – https://thenewboston.com/
    Discord – https://discord.gg/thenewboston
    GitHub – https://github.com/thenewboston-developers
    Reddit – https://www.reddit.com/r/thenewboston/
    LinkedIn – https://www.linkedin.com/company/thenewbostoncoin/
    Facebook – https://www.facebook.com/thenewbostoncoin/
    Twitter – https://twitter.com/thenewboston_og
    Instagram – https://www.instagram.com/thenewbostoncoin/
    Twitch – https://www.twitch.tv/thenewboston/videos

    TNBC Donations: b6e21072b6ba2eae6f78bc3ade17f6a561fa4582d5494a5120617f2027d38797

Hàm push() trong JavaScript

  • Tác giả: hocjavascript.net
  • Đánh giá: 4 ⭐ ( 4983 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết này, chúng ta sẽ tìm hiểu về hàm push() trong JavaScript. Nếu như ở các ngôn ngữ lập trình khác. Việc thêm phần tử vào mảng

Mảng trong JavaScript | JS ARRAY

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

Làm việc với mảng (Array) trong Javascript

  • Tác giả: phambinh.net
  • Đánh giá: 3 ⭐ ( 2724 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tổng hợp các phương thức, thuộc tính làm việc với mảng trong JavaScript. Các hàm xử mảng trong JavaScript, các hàm xử lý array trong JavaScript.

Mảng array trong Javascript

  • Tác giả: kungfutech.edu.vn
  • Đánh giá: 3 ⭐ ( 6164 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Array, hay được gọi là mảng, là kiểu dữ liệu mà giá trị của nó chứa nhiều giá trị khác. Mỗi giá trị của mảng được gọi là element (phần tử)

Hàm Array push() trong Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 4 ⭐ ( 2932 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cú pháp của hàm array.push() trong javascript, hàm push() sẽ thêm mới một hoặc nhiều phần tử vào cuối mảng và trả về chiều dài của mảng mới.

Các phương thức của mảng trong JavaScript

  • Tác giả: completejavascript.com
  • Đánh giá: 4 ⭐ ( 7718 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Có rất nhiều phương thức của mảng trong JavaScript. Nhờ đó, việc xử lý mảng trở nên dễ dàng hơn. Sau đây là các phương thức xử lý mảng phổ biến 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  Features - string.valueof trong java

By ads_php