Cái gì được sử dụng để sao chép một mảng trong Javascript?

Bất cứ khi nào chúng tôi cố gắng sao chép mảng, chúng tôi cần xem xét thuộc tính có thể thay đổi của mảng trong Javascript. Chúng ta không thể đơn giản sử dụng toán tử bằng để sao chép mảng từ biến này sang biến khác. Điều này sẽ dẫn đến việc sao chép các tham chiếu của mảng chứ không phải các giá trị của mảng tôi. e các phần tử của nó. Do đó, nếu mảng được sao chép bằng toán tử bằng thì bất kỳ thay đổi nào trong mảng bị chiếm giữ sẽ phản ánh trên mảng ban đầu và ngược lại vì cả hai mảng đều tham chiếu đến cùng một tham chiếu giá trị

Do đó, trong javascript, chúng tôi được cung cấp phương thức có tên là slice() có thể chứng minh lợi ích khi sao chép một mảng. Một phương thức khác được sử dụng để sao chép mảng là Array. từ(). Việc giới thiệu toán tử trải rộng ECMAScript 6 được cung cấp giúp cho nhiệm vụ sao chép mảng trở nên đơn giản

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 thử phần mềm và những thứ khác

Các phương thức của mảng sao chép JavaScript

Trong bài viết này, chúng ta sẽ nghiên cứu cả ba phương pháp sao chép một mảng và cũng xem hoạt động của các phương thức equal to và other theo cách so sánh sẽ giúp bạn có cái nhìn rõ ràng về việc sử dụng các phương thức này để sao chép một mảng và xem xét một số

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Cái gì được sử dụng để sao chép một mảng trong Javascript?
Cái gì được sử dụng để sao chép một mảng trong Javascript?
Cái gì được sử dụng để sao chép một mảng trong Javascript?
Cái gì được sử dụng để sao chép một mảng trong Javascript?

Cái gì được sử dụng để sao chép một mảng trong Javascript?
Cái gì được sử dụng để sao chép một mảng trong Javascript?
Cái gì được sử dụng để sao chép một mảng trong Javascript?
Cái gì được sử dụng để sao chép một mảng trong Javascript?

Giá bán
Xem các khóa học

Hơn 600 khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập trọn đời
4. 6 (86.130 xếp hạng)

1. Phương pháp lát

Phương thức này thường được sử dụng để sao chép một phần nào đó của mảng đã được chỉ định với các tham số bằng cách đề cập đến chỉ số bắt đầu và kết thúc của nó thành một mảng hoàn toàn mới. Điểm bắt đầu và điểm cuối là tùy chọn và bất cứ khi nào không được đề cập, chúng ta có thể sử dụng phương thức slice để sao chép toàn bộ mảng vào một mảng mới

cú pháp

Dưới đây là cú pháp của phương thức slice()

let newArray = array.slice([startPoint[, endPoint]])
  • mảng. Mảng ban đầu mà bạn muốn sao chép sang mảng khác
  • Mảng mới. Đây là mảng mới được trả về làm giá trị trả về của phương thức slice
  • điểm sao. Đây là tham số tùy chọn và giúp chúng ta chỉ định chỉ mục bắt đầu từ nơi nội dung của mảng sẽ được sao chép. Giá trị mặc định là 0 cho tham số này
  • điểm cuối. Đây là tham số tùy chọn và giúp chúng tôi chỉ định chỉ mục kết thúc mà nội dung của mảng sẽ được sao chép. Giá trị mặc định là độ dài tối đa của mảng cho tham số này

2. Giá trị trả về

Nó trả về một mảng mới chứa các phần tử được trích xuất của mảng ban đầu tùy thuộc vào các giá trị của điểm bắt đầu và điểm cuối được cung cấp trong các tham số, nếu không, tất cả nội dung của mảng ban đầu sẽ được sao chép sang mảng mới

Thí dụ

Hãy xem xét một ví dụ trong đó chúng ta sẽ sao chép mảng ban đầu hai lần bằng cách sử dụng toán tử bằng nhau và phương thức slice() như hình bên dưới




Demonstration of Array copy using slice() method

In this example, we will check to prepare two array copies using equal to operator and slice() method and then will compare both the arrays with original array and display the output

đầu ra

Cái gì được sử dụng để sao chép một mảng trong Javascript?

Chúng ta có thể quan sát mảng được sao chép thông qua toán tử bằng bằng với mảng ban đầu vì cả hai đều tham chiếu cùng nội dung của mảng và có cùng tham chiếu trong khi mảng được tạo bằng phương thức slice không bằng mảng ban đầu vì mặc dù

3. Mảng. phương thức from()

cú pháp

Array.from(arrayLikeObject [, mapFunction [, thisArgument]])

mapFunction và Đối số này là tùy chọn khi sử dụng trong khi đối tượng ArrayLike là bắt buộc, có thể là bất kỳ đối tượng nào có chỉ mục và thuộc tính độ dài. Mảng. from() trả về một mảng mới bao gồm các phần tử của arrayLikeObject được truyền cùng với một số sửa đổi được thực hiện bởi mapFunction

Thí dụ




Demonstration of Array copy using from() method

In this example, we will check to prepare two array copies using equal to operator and from() method and then will compare both the arrays with original array and display the output

đầu ra

Cái gì được sử dụng để sao chép một mảng trong Javascript?

4. Toán tử lây lan

Chúng ta có thể sử dụng một phương thức nữa gọi là phương thức toán tử trải rộng có thể được sử dụng để sao chép một mảng sang một mảng mới như trong ví dụ dưới đây. Đây là cách mới được giới thiệu trong ECMAScript 6 và được hỗ trợ bởi một số phiên bản trình duyệt mới nhất. Đảm bảo rằng trình duyệt của bạn và phiên bản của nó có hỗ trợ việc sử dụng nó hay không. Nó được ký hiệu là…

Thí dụ




Demonstration of Array copy using spread operator method

In this example, we will prepare two array copies using equal to the operator and spread operator method and then we will compare both the arrays with original array and display the output

đầu ra

Cái gì được sử dụng để sao chép một mảng trong Javascript?

Phần kết luận

Trong javascript, chúng ta có thể sao chép mảng sang một mảng mới bằng cách sử dụng một trong ba phương thức sau – phương thức slice(), Array. from(), và toán tử trải rộng. Việc sử dụng toán tử bằng không tạo ra một bản sao mới của mảng thay vào đó tạo ra một bản sao tham chiếu của mảng ban đầu

Bài viết được đề xuất

Đây là hướng dẫn về Mảng sao chép JavaScript. Ở đây chúng tôi cũng thảo luận về phần giới thiệu và phương pháp sao chép mảng javascript cùng với các ví dụ và cách triển khai mã của nó. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

Cái nào được sử dụng để sao chép một mảng?

Lớp Hệ thống arrayCopy() . Thao tác này sao chép một mảng từ mảng nguồn sang mảng đích, bắt đầu hành động sao chép từ vị trí nguồn sang vị trí đích cho đến độ dài đã chỉ định. Số lượng phần tử được sao chép vào mảng đích bằng với độ dài đã chỉ định.

Việc sử dụng copyWithin trong JavaScript là gì?

copyWithin() Phương thức copyWithin() sao chép nông một phần của mảng sang một vị trí khác trong cùng một mảng và trả về nó mà không sửa đổi độ dài của nó.