Làm cách nào để mở rộng các phương thức mảng trong JavaScript?

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 sau

export {};

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ại

Lư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[];
  }
}
4

Chú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[];
  }
}
0

Nế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ạn

Chú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ầu

Lư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ạn

Bạ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ần

Chú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ại

TypeScript 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ạn

TypeScript 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

    Mục lục

  1. Sử dụng phương thức concat[]
  2. Sử dụng phương thức đẩy[]
  3. Sử dụng toán tử trải rộng
  4. Sử dụng vòng lặp
  5. Sử dụng phương thức mối nối []

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[];
  }
}
1

chạ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[];
  }
}
2

chạ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[];
  }
}
3

chạ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[];
  }
}
4

chạ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[];
  }
}
5

chạ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[];
  }
}
6

chạy ở đây

báo cáo quảng cáo nà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[];
  }
}
8

chạ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

Các mảng JavaScript có thể mở rộng được không?

Nó tự động mở rộng khi bạn cố gắng thêm nhiều thành phần hơn sau khi tạo nó . Mảng động cũng cho phép thêm hoặc xóa các phần tử khỏi mảng trong thời gian chạy. Nó cũng có thể cập nhật kích thước của nó sau khi thực hiện các thao tác đó.

Size[] có hoạt động trên mảng không?

Không giống như String và ArrayList, Mảng Java không có phương thức size[] hoặc length[] , chỉ có thuộc tính độ dài.

Mảng có mở rộng đối tượng không?

Như chúng ta đã biết, các lớp bản địa mở rộng lẫn nhau. Chẳng hạn, Mảng mở rộng đối tượng .

Làm cách nào để thêm một mảng vào một mảng khác trong JavaScript?

Phương thức concat[] nối [nối] hai hoặc nhiều mảng. Phương thức concat[] trả về một mảng mới, chứa các mảng đã nối.

Chủ Đề