Làm cách nào để in một mảng trong JavaScript bằng vòng lặp for?

Mảng JavaScript có thể lưu trữ nhiều phần tử có cùng kiểu dữ liệu dưới dạng một biến. Không giống như các ngôn ngữ lập trình khác, nơi một mảng có chức năng giống như một tham chiếu lưu trữ nhiều biến, trong JavaScript, một mảng là một biến duy nhất chứa nhiều hơn một phần tử

Vòng lặp của mảng JS là một thao tác điển hình được thực hiện. Trong bài viết này, người dùng sẽ tìm hiểu về mảng JS và cách lặp tất cả các phần tử của mảng bằng các phương thức khác nhau

Mảng là gì?

Mảng là tập hợp các phần tử có kiểu dữ liệu giống nhau. Người dùng có thể sử dụng một mảng để lưu trữ dữ liệu dưới dạng các phần tử và tìm nạp chúng trở lại khi họ cần sử dụng chúng trong mã JavaScript. Mảng là một danh sách các giá trị được sắp xếp theo thứ tự với các giá trị chỉ mục được chỉ định và người dùng có thể tham chiếu các giá trị này dưới dạng một phần tử được chỉ định bởi chỉ mục đó

JavaScript mang đến khái niệm về mảng lặp, một trong những thông lệ phổ biến giữa những người dùng. Khi người dùng tạo một mảng JavaScript, họ có thể truy cập từng phần tử một và tạo một danh sách để họ có thể thực hiện các chức năng riêng lẻ với chúng và hơn thế nữa

Đó là nơi người dùng yêu cầu vòng lặp thực hiện thao tác này. Trong các phần tiếp theo, bài viết sẽ đề cập đến các phương thức lặp các phần tử của mảng bằng các đoạn mã của chúng

Vòng lặp trong JavaScript là gì?

Vòng lặp JavaScript là một chuỗi các hướng dẫn (chương trình) giúp người dùng lặp lại một thao tác cụ thể với số lần được xác định trước cho đến khi thỏa mãn điều kiện mong muốn. Nó làm tăng hiệu quả của mã và làm cho nó nhỏ gọn

Các phương thức lặp qua một mảng trong JavaScript

Sau đây là một số phương pháp để lặp qua một mảng trong JavaScript

Phương pháp 1. Sử dụng vòng lặp for để lặp

Vòng lặp for lặp lại mọi phần tử của một mảng cho đến khi nó thỏa mãn một điều kiện cụ thể hoặc đánh giá là sai. Vòng lặp for có ba phần

Đây là khởi tạo, điều kiện và lặp lại. Vì vậy, trước tiên người dùng không phải khởi tạo chỉ mục trong khi sử dụng phương thức vòng lặp for vì vòng lặp vận hành việc khởi tạo, điều kiện và phép lặp trong dấu ngoặc

cú pháp

for (initialization; condition; update statement) {
    // statement code to be executed
}

đoạn mã

array = [ 1, 2, 3, 4, 5, 6 ];
for (index = 0; index < array.length; index++) {
	console.log(array[index]);
}

đầu ra

Mã vận hành

Phương pháp 2. sử dụng cho. trong vòng lặp để lặp

cho. trong vòng lặp trong JavaScript giúp người dùng lặp qua tất cả các khóa thuộc tính của một đối tượng

cú pháp

for (variable in iterator) {
    // code block to be executed
}

đoạn mã

const demo = { a: 1, b: 2, c: 3 };

for (const property in demo) {
  console.log(`${property}: ${demo[property]}`);
}

đầu ra

Mã vận hành

Phương pháp 3. sử dụng cho. vòng lặp để lặp

cho. vòng lặp trong JavaScript giúp người dùng lặp lại các đối tượng có thể lặp lại (chẳng hạn như tập hợp, mảng, chuỗi, bản đồ, v.v. )

cú pháp

for (variable of iterator) {
    // code block to be executed
}

đoạn mã

const array1 = ['a', 'b', 'c'];
for (const element of array1) {
  console.log(element);
}

đầu ra

Mã vận hành

Phương pháp 4. Sử dụng mảng. nguyên mẫu. vòng lặp forEach để lặp

Phương thức forEach() gọi một hàm và lặp qua từng phần tử của mảng JS. Người dùng cũng có thể đặt tên phương thức này là một hàm gọi lại

So với các phương thức lặp phần tử khác trong Javascript, phương thức forEach là một phương thức nâng cao hơn và có thể làm được nhiều việc hơn là chỉ lặp qua từng phần tử mảng

cú pháp

array.forEach(callback(currentValue [, index [, array]])[, thisArg]);

đoạn mã

const array1 = ['a', 'b', 'c'];
array1.forEach(element => console.log(element));

đầu ra

Mã vận hành

Phương pháp 5. Sử dụng vòng lặp while để lặp

Câu lệnh while tạo một vòng lặp vận hành một câu lệnh vòng lặp được xác định trước cho đến khi điều kiện kiểm tra được đánh giá là đúng

cú pháp

Trong ví dụ sau, chúng tôi đã sử dụng câu lệnh while để xuất các số từ 1 và 10 ra bàn điều khiển

index = 0;
array = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ];
while (index < array.length) {
    console.log(array[index]);
    index++;
}

đầu ra

Mã vận hành

Phương pháp 6. Sử dụng phương thức every() để lặp

Phương thức every() kiểm tra xem tất cả các phần tử trong một mảng có vượt qua bài kiểm tra hay không (được cung cấp dưới dạng hàm). Nó trả về true nếu hàm trả về true cho mọi phần tử

Ngược lại, nếu hàm trả về false cho một phần tử, phương thức every() sẽ trả về false. Ngoài ra, phương thức every() không thực thi hàm có phần tử rỗng

array = [ 1, 2, 3, 4, 5, 6 ];
for (index = 0; index < array.length; index++) {
	console.log(array[index]);
}

đầu ra

Mã vận hành

Phương pháp 7. Sử dụng phương thức map() để lặp

Map() là một phương thức JavaScript, một tập hợp các phần tử tạo ra một mảng mới nơi nó lưu trữ từng phần tử dưới dạng khóa hoặc cặp giá trị. Các đối tượng bản đồ có thể lưu trữ cả giá trị nguyên thủy và đối tượng dưới dạng khóa hoặc giá trị

Khi người dùng lặp lại các đối tượng bản đồ, nó sẽ trả về cặp khóa, giá trị theo thứ tự giống như người dùng đã chèn

cú pháp

array = [ 1, 2, 3, 4, 5, 6 ];
for (index = 0; index < array.length; index++) {
	console.log(array[index]);
}

đoạn mã

array = [ 1, 2, 3, 4, 5, 6 ];
for (index = 0; index < array.length; index++) {
	console.log(array[index]);
}

đầu ra

Mã vận hành

Phương pháp 8. sử dụng một làm. vòng lặp while để lặp

Giống như vòng lặp while, do. câu lệnh while tạo một vòng lặp vận hành câu lệnh vòng lặp được xác định trước miễn là điều kiện kiểm tra được đánh giá là đúng

cú pháp

array = [ 1, 2, 3, 4, 5, 6 ];
for (index = 0; index < array.length; index++) {
	console.log(array[index]);
}

đoạn mã

array = [ 1, 2, 3, 4, 5, 6 ];
for (index = 0; index < array.length; index++) {
	console.log(array[index]);
}

đầu ra

Mã vận hành

Phần kết luận

Trong bài viết này, chúng ta đã trải qua tám phương pháp khác nhau để lặp qua các mảng JavaScript. Người dùng phải hiểu tất cả các phương pháp này và sau đó quyết định phương pháp nào họ muốn sử dụng để tăng hiệu quả và tính tương thích của mã của họ và phương pháp nào sạch hơn để sử dụng và dễ đọc hơn

Làm cách nào để sử dụng mảng trong vòng lặp for trong JavaScript?

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

Bạn có thể sử dụng vòng lặp for cho một mảng không?

Làm cách nào để lưu trữ các giá trị trong mảng trong JavaScript bằng vòng lặp for?