Trong thư mục
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
9 của dự án của bạn, hãy tạo thư mục export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
0 chứa tệp export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
1 sauexport {};
declare global {
interface Array {
removeLast[]: T[];
}
}
Ví dụ trên cho thấy cách mở rộng giao diện
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
2 bằng một phương thức có tên export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
3 trả về một mảng chứa các phần tử cùng loạiLưu ý rằng điều này sẽ khác trong trường hợp sử dụng của bạn, vì vậy hãy đảm bảo điều chỉnh tên và loại phương thức
Bây giờ trong tệp
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
0 của bạn, hãy thêm phương thức vào tệp export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
4Chúng tôi đã thêm phương thức
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
2 vào export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
4 và sử dụng nóLưu ý rằng bạn phải thêm phương thức vào
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
4 trong một tệp chạy trước tất cả các tệp khác, e. g. một tệp export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
0Nếu bạn cố gắng sử dụng phương thức trước khi nó được thêm vào nguyên mẫu, bạn sẽ gặp lỗi
Nếu bạn gặp lỗi trong IDE, hãy thử thêm đường dẫn đến thư mục
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
0 vào tệp export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
7 của bạnChúng tôi đã sử dụng dòng
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
8 trong tệp export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
1 của mình để đánh dấu nó là mô-đun bên ngoài. Mô-đun là một tệp chứa ít nhất 1 câu lệnh export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
90 hoặc export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
91. Chúng tôi bắt buộc phải làm điều đó để có thể mở rộng phạm vi toàn cầuLưu ý rằng bạn sẽ phải thay đổi nội dung của tệp
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
1 được cung cấp tùy theo trường hợp sử dụng của bạnBạn nên thêm tên [và kiểu] của tất cả các phương thức bạn định truy cập trên mảng
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
Tệp được cung cấp chỉ cần thêm một phương thức
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
2 với kiểu trả về là export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
94, đây rất có thể không phải là thứ bạn cầnChúng tôi đã sử dụng một cái chung trong loại phương thức. Generics giống như các biến, nhưng đối với các loại
Điều này cho phép chúng ta gõ tốt hơn cho kiểu trả về của phương thức. Về cơ bản, chúng tôi đang nói với TypeScript rằng phương thức
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
2 không có tham số và trả về một mảng chứa các phần tử cùng loạiTypeScript tìm kiếm các tệp
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
9 ở cùng những nơi mà nó tìm kiếm các tệp export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
97 thông thường của bạn, được xác định bởi cài đặt export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
98 và export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
99 trong tệp export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
7 của bạnTypeScript sẽ hợp nhất giao diện
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
2 được khai báo từ bạn với giao diện export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
2 ban đầu, vì vậy khi bạn sử dụng các mảng, bạn sẽ có thể truy cập các phương thức và thuộc tính từ cả hai giao diện Trong bài viết này, Bạn sẽ học cách mở rộng một mảng JavaScript bằng cách thêm một mảng khác vào nó bằng nhiều phương thức khác nhau
Thông thường, việc thêm một mảng khác vào mảng hiện có sẽ làm cho toàn bộ mảng trở thành một phần tử của mảng ban đầu
Nếu bạn muốn biến mọi phần tử của mảng khác thành phần tử của mảng hiện có thì bạn cần mở rộng mảng
Ví dụ
Hãy xem cách mở rộng một mảng javascript như trong hình trên
- Sử dụng phương thức concat[]
- Sử dụng phương thức đẩy[]
- Sử dụng toán tử trải rộng
- Sử dụng vòng lặp
- Sử dụng phương thức mối nối []
Mục lục
1. Mở rộng mảng sử dụng phương thức concat Method
Phương thức mảng concat[] hợp nhất 2 hoặc nhiều hơn 2 mảng hoặc đối tượng giống mảng hoặc bất kỳ giá trị nào thành một mảng.
Phương thức này được gọi trên một mảng và trả về một mảng mới bao gồm các phần tử của mảng ban đầu, theo sau là các phần tử được truyền trong các phương thức
cú pháp
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
0Đây giá trị 1 to giá trị là các giá trị mà bạn . Nó có thể là một mảng hoặc bất kỳ giá trị nào như chuỗi, số, boolean, v.v.
Hãy xem cách mở rộng một mảng bằng phương thức concat .
Ví dụ
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
1chạy ở đây
Bạn cũng có thể truyền một mảng trực tiếp trong phương thức concat .
Ví dụ
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
2chạy ở đây
concat[] chậm nếu a lớn nhưng nhanh hơn vòng lặp. Nếu mảng ban đầu nhỏ và phải thêm quá nhiều phần tử thì nó nhanh hơn đáng kể so với sử dụng vòng lặp.
2. Mở rộng mảng sử dụng phương thức push Method
Phương thức push[] là một phương thức mảng chung để thêm một phần tử mới vào cuối một mảng. Nhưng nếu bạn truyền trực tiếp một mảng trong phương thức push thì toàn bộ mảng sẽ được thêm dưới dạng một phần tử duy nhất trong mảng.
Ví dụ
Ví dụ
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
3chạy ở đây
Bạn có thể thấy rằng phương thức push thêm mảng dưới dạng một phần tử trong mảng. Nhưng chúng tôi muốn mỗi phần tử của mảng được thêm vào như một phần tử của mảng ban đầu.
Để làm điều này, chúng ta trải mảng trong phương thức push bằng cách sử dụng toán tử trải.
Ví dụ
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
4chạy ở đây
push rất nhanh nếu mảng ban đầu lớn và ít phần tử được thêm vào.
3. Mở rộng mảng sử dụng toán tử trải rộng
Các toán tử trải rộng là tính năng mới của javascript để mở rộng một mảng thành một danh sách các đối số.
Bạn có thể sử dụng toán tử này để trải rộng 2 hoặc nhiều hơn 2 mảng và chuyển đổi chúng thành một mảng duy nhất
Để sử dụng toán tử trải để mở rộng mảng thành mảng, chúng ta trải cả hai mảng trong dấu ngoặc vuông. Đây là một ví dụ
Ví dụ
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
5chạy ở đây
4. Mở rộng mảng sử dụng vòng lặp for
vòng lặp for có thể được sử dụng để mở rộng một mảng
Lặp qua mảng và đẩy từng phần tử một vào cuối mảng ban đầu
Ví dụ
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
6chạy ở đây
5. Mở rộng mảng sử dụng mối nối
Phương thức splice là một phương thức mảng chung có thể được sử dụng để thêm và xóa các phần tử khỏi một mảng.
cú pháp
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
7Ở đây, chỉ mục là vị trí mà các phần tử mới sẽ được thêm vào. howMany là số phần tử cần xóa. item1 đến itemX là những phần tử mới được thêm vào.
Đối với mảng, bạn có thể sử dụng toán tử trải rộng để chuyển một mảng thành một danh sách các đối số
Ví dụ
export {};
declare global {
interface Array {
removeLast[]: T[];
}
}
8chạy ở đây
Trong ví dụ trên, chúng ta muốn thêm một phần tử mới vào sau phần tử cuối cùng của mảng. Vì vậy, chúng tôi sử dụng arr1. length để lấy chỉ số cuối cùng của mảng.
Phần kết luận
Chúng ta đã học cách javascript thêm mảng vào mảng bằng 5 phương thức khác nhau
Trong số tất cả các phương thức push[] được sử dụng phổ biến nhất để thêm các phần tử. Trải rộng phần tử sử dụng toán tử trải rộng để mở rộng các phần tử trong mảng