Xem bút JavaScript. Thêm các mục vào một mảng trống và hiển thị các mục - mảng-ex-13 của w3resource [@w3resource] trên CodePen
Cải thiện giải pháp mẫu này và đăng mã của bạn qua Disqus
Trước. Viết chương trình JavaScript để tính tổng và tích của một mảng các số nguyên.
Tiếp theo. Viết chương trình JavaScript để xóa các mục trùng lặp khỏi một mảng [bỏ qua phân biệt chữ hoa chữ thường].
Mức độ khó của bài tập này là gì?
Dễ dàng trung bình khóKiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource
JavaScript. Lời khuyên trong ngày
Đặt giá trị mặc định
Khi tạo đối tượng, bạn có thể đặt giá trị mặc định cho một số hoặc tất cả các thuộc tính của đối tượng. Làm như vậy để đảm bảo các giá trị của từng thuộc tính không phải là không xác định. Nó cũng cho biết loại dữ liệu nào được mong đợi cho thuộc tính đó. Ngoài ra, bằng cách không đặt giá trị mặc định cho một số thuộc tính nhất định, bạn có thể thông báo với nhóm của mình rằng những giá trị đó không bắt buộc để đối tượng hoạt động chính xác
function logProperty[{ address = '111 11th Street, 11111', unit, //optional landlord = 'Sara', tenant = 'Raj', rent = 500, }]
Ở trên, không phải tất cả các thuộc tính sẽ có số đơn vị, nhưng tất cả sẽ có bốn thuộc tính khác, được điền bằng loại dữ liệu dự kiến. Để chứng minh điều này, chúng tôi để trống đơn vị
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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]20
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]22_______10
["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"]19
["1BHK", "2BHK", "3BHK", "4BHK"]9
2. Sử dụng từ khóa Javascript “mới”
jav
["1BHK", "2BHK", "3BHK", "4BHK"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]02
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]04
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]07______108
["1BHK", "2BHK", "3BHK", "4BHK"]09
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]52
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]55
["1BHK", "2BHK", "3BHK", "4BHK"]08
["1BHK", "2BHK", "3BHK", "4BHK"]57
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]90
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]93_______108
["1BHK", "2BHK", "3BHK", "4BHK"]95
["1BHK", "2BHK", "3BHK", "4BHK"]0
["1BHK", "2BHK", "3BHK", "4BHK"]97
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]99
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]181
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]183
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", "2BHK", "3BHK", "4BHK"]7
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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]189
["1BHK", "2BHK", "3BHK", "4BHK"]190
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]192
["1BHK", "2BHK", "3BHK", "4BHK"]193____11
["1BHK", "2BHK", "3BHK", "4BHK"]192
["1BHK", "2BHK", "3BHK", "4BHK"]196
["1BHK", "2BHK", "3BHK", "4BHK"]192
["1BHK", "2BHK", "3BHK", "4BHK"]7
["1BHK", "2BHK", "3BHK", "4BHK"]19
["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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]203
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]55______108
["1BHK", "2BHK", "3BHK", "4BHK"]208
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]211
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]213
["1BHK", "2BHK", "3BHK", "4BHK"]0
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]216
["1BHK", "2BHK", "3BHK", "4BHK"]2
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]219
["1BHK", "2BHK", "3BHK", "4BHK"]4
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]222
["1BHK", "2BHK", "3BHK", "4BHK"]6
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]181
["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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]229
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]22_______10
["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"]19
["1BHK", "2BHK", "3BHK", "4BHK"]99
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", "2BHK", "3BHK", "4BHK"]0
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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]22_______10
["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"]19
["1BHK", "2BHK", "3BHK", "4BHK"]27
["1BHK", "2BHK", "3BHK", "4BHK"]28
["1BHK", "2BHK", "3BHK", "4BHK"]29
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]32
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]35
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]37
["1BHK", "2BHK", "3BHK", "4BHK"]38
["1BHK", "2BHK", "3BHK", "4BHK"]39
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]37
["1BHK", "2BHK", "3BHK", "4BHK"]42
["1BHK", "2BHK", "3BHK", "4BHK"]43
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", "2BHK", "3BHK", "4BHK"]5
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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]22_______10
["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"]19
["1BHK", "2BHK", "3BHK", "4BHK"]58
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]61
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]63
["1BHK", "2BHK", "3BHK", "4BHK"]64
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]66
["1BHK", "2BHK", "3BHK", "4BHK"]67
["1BHK", "2BHK", "3BHK", "4BHK"]68
["1BHK", "2BHK", "3BHK", "4BHK"]69
["1BHK", "2BHK", "3BHK", "4BHK"]9
đầu ra
["1BHK", "2BHK", "3BHK", "4BHK"]9
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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]189
["1BHK", "2BHK", "3BHK", "4BHK"]190
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]193
["1BHK", "2BHK", "3BHK", "4BHK"]1
["1BHK", "2BHK", "3BHK", "4BHK"]196
["1BHK", "2BHK", "3BHK", "4BHK"]7
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]83____184
["1BHK", "2BHK", "3BHK", "4BHK"]85
["1BHK", "2BHK", "3BHK", "4BHK"]19
["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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]21
["1BHK", "2BHK", "3BHK", "4BHK"]92
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]95
["1BHK", "2BHK", "3BHK", "4BHK"]96
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]98
["1BHK", "2BHK", "3BHK", "4BHK"]99
["1BHK", "2BHK", "3BHK", "4BHK"]19
["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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]005
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]007
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]63____1010
["1BHK", "2BHK", "3BHK", "4BHK"]011
["1BHK", "2BHK", "3BHK", "4BHK"]012
["1BHK", "2BHK", "3BHK", "4BHK"]013
["1BHK", "2BHK", "3BHK", "4BHK"]014
["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"]18
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]005
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]021
["1BHK", "2BHK", "3BHK", "4BHK"]022
["1BHK", "2BHK", "3BHK", "4BHK"]19
["1BHK", "2BHK", "3BHK", "4BHK"]024
["1BHK", "2BHK", "3BHK", "4BHK"]025
["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