Làm cách nào để lấy mảng trong JavaScript?

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

Làm cách nào để lấy đầu vào của mảng trong JavaScript?

var input = document. getElementsByName['array[]']; Tài liệu. Phương thức getElementsByName[] được sử dụng để trả về tất cả các giá trị được lưu trữ dưới một tên cụ thể và do đó biến đầu vào thành một mảng được lập chỉ mục từ 0 đến số lượng đầu vào.

Làm cách nào để lấy giá trị mảng trong JavaScript?

Bản trình diễn JavaScript. Mảng. giá trị[] .
const array1 = ['a', 'b', 'c'];
const iterator = mảng1. giá trị[];
for [giá trị const của iterator] {
bảng điều khiển. nhật ký [giá trị];
// đầu ra dự kiến. "một"

Làm cách nào để tạo một mảng trong JavaScript?

Tạo mảng . cú pháp. const tên_mảng = [mục1,mục2,. ]; Thông thường khai báo mảng với từ khóa const.

Làm cách nào để sao chép mảng trong JavaScript?

Cách sao chép một mảng trong JavaScript .
Toán tử trải rộng [Bản sao nông] Kể từ khi ES6 bị loại bỏ, đây là phương pháp phổ biến nhất. .
Vòng lặp for[] cũ tốt [Bản sao nông] Tôi cho rằng cách tiếp cận này là ít phổ biến nhất, do cách lập trình chức năng hợp thời trang trở nên phổ biến trong vòng kết nối của chúng tôi. .
Vòng lặp while[] cũ tốt [Bản sao nông]

Chủ Đề