Giả sử, một mảng có hai phần tử. Nếu bạn cố gắng thêm một phần tử ở chỉ số 3 [phần tử thứ tư], phần tử thứ ba sẽ không được xác định. Ví dụ,
let dailyActivities = [ 'eat', 'sleep'];
// this will add the new element 'exercise' at the 3 index
dailyActivities[3] = 'exercise';
console.log[dailyActivities]; // ["eat", "sleep", undefined, "exercise"]
Về cơ bản, nếu bạn cố gắng thêm các phần tử vào các chỉ số cao, thì các chỉ số ở giữa sẽ có giá trị không xác định
Xóa phần tử khỏi mảng
Bạn có thể sử dụng phương thức
const array2 = new Array["eat", "sleep"];
2 để xóa phần tử cuối cùng khỏi mảng. Phương thức const array2 = new Array["eat", "sleep"];
2 cũng trả về giá trị được trả về. Ví dụ,const array1 = ["eat", "sleep"];
0Nếu bạn cần xóa phần tử đầu tiên, bạn có thể sử dụng phương thức
const array2 = new Array["eat", "sleep"];
4. Phương thức const array2 = new Array["eat", "sleep"];
4 xóa phần tử đầu tiên và cũng trả về phần tử đã xóa. Ví dụ,const array1 = ["eat", "sleep"];
1Độ dài mảng
Bạn có thể tìm độ dài của một phần tử [số phần tử trong một mảng] bằng cách sử dụng thuộc tính
const array2 = new Array["eat", "sleep"];
6. Ví dụ,const array1 = ["eat", "sleep"];
2Phương thức mảng
Trong JavaScript, có nhiều phương thức mảng khác nhau giúp thực hiện các phép tính hữu ích dễ dàng hơn
Một số phương thức mảng JavaScript thường được sử dụng là
MethodDescripconcat[] nối hai hoặc nhiều mảng và trả về một resultindexOf[] tìm kiếm một phần tử của một mảng và trả về vị trí của nófind[] trả về giá trị đầu tiên của một phần tử mảng vượt qua testfindIndex[] trả về chỉ số đầu tiên của một phần tử mảng vượt qua
Thí dụ. Phương thức mảng JavaScript
const array1 = ["eat", "sleep"];
3Hoạt động của mảng JavaScript
Trong JavaScript, một mảng là một đối tượng. Và, các chỉ số của mảng là các khóa đối tượng
Vì mảng là đối tượng nên các phần tử của mảng được lưu trữ theo tham chiếu. Do đó, khi một giá trị mảng được sao chép, bất kỳ thay đổi nào trong mảng được sao chép cũng sẽ phản ánh trong mảng ban đầu. Ví dụ,
const array1 = ["eat", "sleep"];
4Bạn cũng có thể lưu trữ các giá trị bằng cách chuyển một khóa đã đặt tên vào một mảng. Ví dụ,
const array1 = ["eat", "sleep"];
5Tuy nhiên, không nên lưu trữ các giá trị bằng cách đặt tên tùy ý trong một mảng
Do đó trong JavaScript, bạn nên sử dụng một mảng nếu các giá trị nằm trong bộ sưu tập có thứ tự. Mặt khác, tốt hơn là sử dụng đối tượng với
const array2 = new Array["eat", "sleep"];
7 Mảng JavaScript là một biến duy nhất được sử dụng để lưu trữ các phần tử khác nhau. Nó thường được sử dụng khi chúng ta muốn lưu trữ một danh sách các phần tử và truy cập chúng bằng một biến duy nhất. Không giống như hầu hết các ngôn ngữ nơi mảng là tham chiếu đến nhiều biến, trong JavaScript, mảng là một biến duy nhất lưu trữ nhiều phần tử
Khai báo một mảng. Về cơ bản có hai cách để khai báo một mảng
cú pháp
const array2 = new Array["eat", "sleep"];
3Ghi chú. Nói chung phương pháp 1 được ưa thích hơn phương pháp 2. Hãy để chúng tôi hiểu lý do cho điều này
Thí dụ. Khởi tạo Array theo cách 1
const array2 = new Array["eat", "sleep"];
4Thí dụ. Khởi tạo Array theo cách 2
jav
const array1 = ["eat", "sleep"];
4const array1 = ["eat", "sleep"];
5const array1 = ["eat", "sleep"];
6const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
41const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array2 = new Array["eat", "sleep"];
44const array2 = new Array["eat", "sleep"];
45 const array2 = new Array["eat", "sleep"];
46const array2 = new Array["eat", "sleep"];
47const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
49const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array2 = new Array["eat", "sleep"];
32const array2 = new Array["eat", "sleep"];
45 const array2 = new Array["eat", "sleep"];
34const array2 = new Array["eat", "sleep"];
47const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
37const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array2 = new Array["eat", "sleep"];
90const array2 = new Array["eat", "sleep"];
45 const array2 = new Array["eat", "sleep"];
92const array2 = new Array["eat", "sleep"];
93const array2 = new Array["eat", "sleep"];
94const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
96const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
98const array1 = ["eat", "sleep"];
5const array1 = ["eat", "sleep"];
60const array1 = ["eat", "sleep"];
61Như trong ví dụ trên, ngôi nhà có 5 yếu tố i. e. [10, 20, 30, 40, 50] trong khi house1 chứa 5 phần tử không xác định thay vì có một phần tử 5. Do đó, trong khi làm việc với các số, phương pháp này thường không được ưu tiên nhưng nó hoạt động tốt với Chuỗi và Boolean như trong ví dụ trên home chứa một phần tử duy nhất 1BHK
đầu ra
const array2 = new Array["eat", "sleep"];
3Thí dụ. Chúng tôi cũng có thể cập nhật sau khi khởi tạo
jav
const array1 = ["eat", "sleep"];
4const array1 = ["eat", "sleep"];
5const array1 = ["eat", "sleep"];
64const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array2 = new Array["eat", "sleep"];
32const array2 = new Array["eat", "sleep"];
45 const array1 = ["eat", "sleep"];
69const array2 = new Array["eat", "sleep"];
47const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
52const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
54const array2 = new Array["eat", "sleep"];
93const array1 = ["eat", "sleep"];
5____457____458const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
00const array2 = new Array["eat", "sleep"];
01const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
03____504const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
98const array1 = ["eat", "sleep"];
61đầu ra
const array2 = new Array["eat", "sleep"];
9Thí dụ. Một mảng trong JavaScript có thể chứa các phần tử khác nhau có thể lưu trữ Số, Chuỗi và Boolean trong một mảng
jav
const array1 = ["eat", "sleep"];
4const array1 = ["eat", "sleep"];
5const array1 = ["eat", "sleep"];
40const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array1 = ["eat", "sleep"];
43const array2 = new Array["eat", "sleep"];
93const array1 = ["eat", "sleep"];
45const array2 = new Array["eat", "sleep"];
58const array1 = ["eat", "sleep"];
47const array1 = ["eat", "sleep"];
48const array1 = ["eat", "sleep"];
49const array1 = ["eat", "sleep"];
50const array1 = ["eat", "sleep"];
51const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
96const array1 = ["eat", "sleep"];
61đầu ra
const array1 = ["eat", "sleep"];
6Thí dụ. Truy cập các phần tử mảng Mảng trong JavaScript được đánh chỉ số từ 0 nên chúng ta có thể truy cập các phần tử mảng như sau
jav
const array1 = ["eat", "sleep"];
4const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array1 = ["eat", "sleep"];
43const array2 = new Array["eat", "sleep"];
93const array1 = ["eat", "sleep"];
45const array2 = new Array["eat", "sleep"];
58const array1 = ["eat", "sleep"];
47const array1 = ["eat", "sleep"];
48const array1 = ["eat", "sleep"];
49const array1 = ["eat", "sleep"];
50const array1 = ["eat", "sleep"];
66const array1 = ["eat", "sleep"];
5const array1 = ["eat", "sleep"];
68const array1 = ["eat", "sleep"];
69const array2 = new Array["eat", "sleep"];
400const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array2 = new Array["eat", "sleep"];
403const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array2 = new Array["eat", "sleep"];
406const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
408const array2 = new Array["eat", "sleep"];
409const array2 = new Array["eat", "sleep"];
410const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
408const array2 = new Array["eat", "sleep"];
413const array2 = new Array["eat", "sleep"];
414const array1 = ["eat", "sleep"];
61đầu ra
const array2 = new Array["eat", "sleep"];
5Thí dụ. Thuộc tính độ dài của Mảng trả về độ dài của Mảng. Độ dài của Mảng luôn lớn hơn chỉ số cao nhất của Mảng
jav
const array1 = ["eat", "sleep"];
4const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array1 = ["eat", "sleep"];
43const array2 = new Array["eat", "sleep"];
93const array1 = ["eat", "sleep"];
45const array2 = new Array["eat", "sleep"];
58const array1 = ["eat", "sleep"];
47const array1 = ["eat", "sleep"];
48const array1 = ["eat", "sleep"];
49const array1 = ["eat", "sleep"];
50const array1 = ["eat", "sleep"];
66const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
429const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
43 const array2 = new Array["eat", "sleep"];
432const array1 = ["eat", "sleep"];
5const array2 = new Array["eat", "sleep"];
434 const array2 = new Array["eat", "sleep"];
435______143 const array2 = new Array["eat", "sleep"];
437const array2 = new Array["eat", "sleep"];
438const array2 = new Array["eat", "sleep"];
439const array2 = new Array["eat", "sleep"];
440const array1 = ["eat", "sleep"];
61đầu ra
const array2 = new Array["eat", "sleep"];
0Đối với các phương thức Array thường được sử dụng, hãy tham khảo các liên kết bên dưới
- Chức năng Phần 1
- Hàm Phần 2
- Hàm Phần 3
Chúng tôi có một danh sách đầy đủ các phương thức Mảng Javascript, để kiểm tra chúng, vui lòng xem qua bài viết tham khảo Mảng Javascript này
JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này
Chúng tôi có một Cheat Sheet về Javascript, nơi chúng tôi đề cập đến tất cả các chủ đề quan trọng của Javascript để kiểm tra những chủ đề đó, vui lòng xem qua Javascript Cheat Sheet-Hướng dẫn cơ bản về JavaScript