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ử
Tại sao chúng ta sử dụng mảng?
Mảng giúp lưu trữ nhiều giá trị có cùng kiểu dữ liệu trong tên của một biến duy nhất, nếu không chúng ta phải khai báo các biến riêng cho từng giá trị. Tuy nhiên, nếu bạn muốn lặp qua một số lượng phần tử lớn hơn thì việc lưu trữ các giá trị trong một mảng sẽ hiệu quả, thay vì viết đi viết lại cùng một mã cho từng giá trị
Khai báo mảng trong Javascript.
1. Khởi tạo trong khi khai báo
Javascript
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]0
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]2
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]4
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]6
["1BHK", "2BHK", "3BHK", "4BHK"]7
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]9
2. Sử dụng từ khóa Javascript “mới”
jav
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", 25000, "2BHK", 50000, "Rent", true]2
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", 25000, "2BHK", 50000, "Rent", true]4
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", 25000, "2BHK", 50000, "Rent", true]7
["1BHK", 25000, "2BHK", 50000, "Rent", true]8
["1BHK", 25000, "2BHK", 50000, "Rent", true]9
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]42
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]45
["1BHK", 25000, "2BHK", 50000, "Rent", true]8
["1BHK", "2BHK", "3BHK", "4BHK"]47
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]80
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]83
["1BHK", 25000, "2BHK", 50000, "Rent", true]8
["1BHK", "2BHK", "3BHK", "4BHK"]85
["1BHK", "2BHK", "3BHK", "4BHK"]0
["1BHK", "2BHK", "3BHK", "4BHK"]87
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]89
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]171
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]173
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", "2BHK", "3BHK", "4BHK"]6
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
Ghi chú. Như 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
Ngắt dòng và dấu cách không quan trọng trong khai báo mảng vì nó có thể trải rộng trên nhiều dòng
Javascript
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]179
["1BHK", "2BHK", "3BHK", "4BHK"]180
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]182
["1BHK", "2BHK", "3BHK", "4BHK"]183
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]182
["1BHK", "2BHK", "3BHK", "4BHK"]186
["1BHK", "2BHK", "3BHK", "4BHK"]182
["1BHK", "2BHK", "3BHK", "4BHK"]7
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]9
Chúng tôi cũng có thể cập nhật sau khi khởi tạo
jav
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]193
________ 118
["1BHK", "2BHK", "3BHK", "4BHK"]20 ________ 145 ________ 98 ________ 1198
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]201
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]203
["1BHK", "2BHK", "3BHK", "4BHK"]0
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]206
["1BHK", "2BHK", "3BHK", "4BHK"]2
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]209
["1BHK", "2BHK", "3BHK", "4BHK"]4
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]212____06
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]171
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", "2BHK", "3BHK", "4BHK"]
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
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]219
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]0
["1BHK", "2BHK", "3BHK", "4BHK"]04
["1BHK", "2BHK", "3BHK", "4BHK"]2
["1BHK", "2BHK", "3BHK", "4BHK"]06
["1BHK", "2BHK", "3BHK", "4BHK"]07
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]09
["1BHK", "2BHK", "3BHK", "4BHK"]7
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]89
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", 25000, "2BHK", 50000, "Rent", true]
Truy cập các phần tử mảng
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
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]0
["1BHK", "2BHK", "3BHK", "4BHK"]04
["1BHK", "2BHK", "3BHK", "4BHK"]2
["1BHK", "2BHK", "3BHK", "4BHK"]06
["1BHK", "2BHK", "3BHK", "4BHK"]07
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]09
["1BHK", "2BHK", "3BHK", "4BHK"]7
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]27____028
["1BHK", "2BHK", "3BHK", "4BHK"]29
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]32
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]35
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]37____038
["1BHK", "2BHK", "3BHK", "4BHK"]39
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]37______042
["1BHK", "2BHK", "3BHK", "4BHK"]43
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", "2BHK", "3BHK", "4BHK"]4
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
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]0
["1BHK", "2BHK", "3BHK", "4BHK"]04
["1BHK", "2BHK", "3BHK", "4BHK"]2
["1BHK", "2BHK", "3BHK", "4BHK"]06
["1BHK", "2BHK", "3BHK", "4BHK"]07
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]09
["1BHK", "2BHK", "3BHK", "4BHK"]7
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]58
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]61
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]63
["1BHK", "2BHK", "3BHK", "4BHK"]64
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]66
_______067____068
["1BHK", "2BHK", "3BHK", "4BHK"]69
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", "2BHK", "3BHK", "4BHK"]8
Truy cập mảng đầy đủ trong Javascript
Bằng cách tham khảo tên mảng trong Javascript, toàn bộ mảng có thể được truy cập
Javascript
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]179
["1BHK", "2BHK", "3BHK", "4BHK"]180
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]183
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]186
["1BHK", "2BHK", "3BHK", "4BHK"]7
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]83
["1BHK", "2BHK", "3BHK", "4BHK"]84
["1BHK", "2BHK", "3BHK", "4BHK"]85
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]9
Các phương thức của Array trong Javascript
Mảng Javascript có các phương thức tích hợp
Javascript
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]92
["1BHK", "2BHK", "3BHK", "4BHK"]18
_______118____095____096
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]98
["1BHK", "2BHK", "3BHK", "4BHK"]99
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]9
Lặp qua các phần tử Mảng trong Javascript
Trong ví dụ này cho vòng lặp được sử dụng
C++
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", 25000, "2BHK", 50000, "Rent", true]05
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", 25000, "2BHK", 50000, "Rent", true]07
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]63
["1BHK", 25000, "2BHK", 50000, "Rent", true]10
["1BHK", 25000, "2BHK", 50000, "Rent", true]11
["1BHK", 25000, "2BHK", 50000, "Rent", true]12______913
["1BHK", 25000, "2BHK", 50000, "Rent", true]14
["1BHK", "2BHK", "3BHK", "4BHK"]9
Chèn các phần tử mới
Hai cách để thêm phần tử mới vào mảng javascript
C++
["1BHK", "2BHK", "3BHK", "4BHK"]17
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", 25000, "2BHK", 50000, "Rent", true]05
_______118____921____922
_______118____924____925
["1BHK", "2BHK", "3BHK", "4BHK"]9
Đố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
Làm cách nào để tạo đối tượng mảng trong JavaScript?
Tạo một mảng các đối tượng
. để ô tô = [ { "màu". "màu tím", "loại". "minivan", "đăng ký". ngày mới['2017-01-03'], "dung lượng". 7 }, { "màu". "đỏ", "loại". "toa xe ga", "đăng ký". ngày mới['2018-03-03'], "dung lượng". 5 }, {. },. ]
Có bao nhiêu cách chúng ta có thể tạo mảng trong JavaScript?
Tạo mảng
. đầu tiên sử dụng ký hiệu mảng, sau đó sử dụng hàm tạo Array[] và cuối cùng sử dụng String. nguyên mẫu. split[] để tạo mảng từ một chuỗi. three ways to create new array: first using array literal notation, then using the Array[] constructor, and finally using String.prototype.split[] to build the array from a string.
Chúng ta có thể tạo mảng của mảng như thế nào cho ví dụ?
Mảng lởm chởm đôi khi được gọi là "mảng của mảng. " Các ví dụ sau đây cho thấy cách khai báo, khởi tạo và truy cập mảng răng cưa. jaggedArray[0] = new int[5]; . Each of the elements is a single-dimensional array of integers.
Cách chính xác để tạo một mảng là gì?
Nói chung, khi tạo một mảng, bạn sử dụng toán tử new, cộng với kiểu dữ liệu của các phần tử mảng, cộng với số phần tử mong muốn đặt trong ngoặc—[ và ] . .