Cách lặp qua một mảng trong JavaScript – Hướng dẫn lặp lại JS – mảng js cho vòng lặp

Mảng là một biến đơn được sử dụng để lưu trữ các phần tử của các kiểu dữ liệu khác nhau để chúng có thể được truy cập thông qua một biến duy nhất. Nó là một danh sách có thứ tự các giá trị và mỗi giá trị được gọi là một phần tử, được chỉ định bởi một chỉ mục. Biết rằng những

Bạn đang xem: mảng js cho vòng lặp

Mảng là một biến duy nhất được sử dụng để lưu trữ các phần tử của các kiểu dữ liệu khác nhau để chúng có thể được truy cập thông qua một biến duy nhất.

Đây là một danh sách các giá trị có thứ tự và mỗi giá trị được coi là một phần tử, được chỉ định bởi một chỉ mục.

Biết rằng các biến đơn này chứa một danh sách các phần tử, bạn có thể muốn tạo một danh sách các phần tử này để bạn 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. Đây là lúc vòng lặp phát huy tác dụng.

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

Vòng lặp là một loại chương trình máy tính điều đó cho phép chúng ta lặp lại một thao tác cụ thể với số lần được xác định trước mà không cần phải viết thao tác đó riêng lẻ.

Ví dụ: nếu chúng ta có một mảng và muốn xuất từng phần tử trong mảng, thay vì sử dụng số chỉ mục để làm như vậy từng cái một, chúng ta có thể chỉ cần lặp lại và thực hiện thao tác này một lần. < / p>

Có rất nhiều phương pháp để lặp qua một mảng trong JavaScript. Trong bài viết này, chúng tôi sẽ giới thiệu cho các bạn những cách tiếp cận thường được sử dụng nhất để bạn có thể tìm hiểu các cách tiếp cận khác nhau và hiểu cách chúng hoạt động.

Chúng tôi sẽ sử dụng mảng sau cho bài viết này:

  const điểm = [22, 54, 76, 92, 43, 33];
 

Cách lặp qua một mảng bằng Vòng lặp While trong JavaScript

Bạn có thể sử dụng vòng lặp while để đánh giá một điều kiện nằm trong dấu ngoặc đơn () . Nếu điều kiện là true , mã bên trong vòng lặp while được thực thi. Nếu nó là false , vòng lặp đã kết thúc.

Nếu chúng ta muốn lặp lại một mảng, chúng ta có thể sử dụng thuộc tính length để chỉ định rằng vòng lặp sẽ tiếp tục cho đến khi chúng ta đến phần tử cuối cùng của mảng.

Xem Thêm  WHERE ALL - Đạt yêu cầu - sql trong đó tất cả các giá trị

Bây giờ chúng ta hãy sử dụng phương thức lặp while để lặp qua mảng:

  let i = 0;

while (i & lt; score.length) {
    console.log (điểm [i]);
    i ++;
}
 

Điều này sẽ trả về lần lượt từng phần tử trong mảng của chúng ta:

  22
54
76
92
43
33
 

Trong vòng lặp ở trên, trước tiên, chúng tôi khởi tạo số chỉ mục để nó bắt đầu bằng 0 . Sau đó, số lượng sẽ tiếp tục tăng và xuất ra từng phần tử cho đến khi điều kiện chúng ta đặt trả về false, cho biết rằng chúng ta đã đến cuối mảng. Khi i = 6 , điều kiện sẽ không còn được thực thi vì chỉ mục cuối cùng của mảng là 5 .

Cách lặp qua một mảng với do… while Loop trong JavaScript

< vòng lặp code> do … while gần giống với vòng lặp while, ngoại trừ việc nó thực thi phần thân trước trước khi đánh giá điều kiện cho các lần thực thi tiếp theo. Điều này có nghĩa là phần thân của vòng lặp luôn được thực thi ít nhất một lần.

Hãy thực hiện cùng một vòng lặp với vòng lặp do… while để xem nó hoạt động như thế nào:

  cho i = 0;

làm {
    console.log (điểm [i]);
    i ++;
} while (i & lt; score.length);
 

Điều này sẽ trả về từng phần tử trong mảng của chúng ta:

  22
54
76
92
43
33
 

Như đã nêu trước đây, điều này sẽ luôn chạy một lần trước khi đánh giá bất kỳ bộ điều kiện nào. Ví dụ: nếu chúng ta đặt chỉ mục i thành 6 và nó không nhỏ hơn score.length , phần nội dung của vòng lặp sẽ chạy đầu tiên trước khi kiểm tra điều kiện:

  let i = 6;

làm {
    console.log (điểm [i]);
    i ++;
} while (i & lt; score.length);
 

Điều này sẽ trả về một không xác định vì chúng ta không có một phần tử trong mảng chỉ mục 6 nhưng như bạn có thể thấy đã chạy một lần trước khi dừng lại.

Cách lặp qua một mảng với vòng lặp for JavaScript

Vòng lặp for là một câu lệnh lặp đi lặp lại kiểm tra các điều kiện nhất định và sau đó thực thi một khối mã liên tục miễn là các điều kiện đó được đáp ứng.

Chúng ta không cần khởi tạo chỉ mục trước khi sử dụng phương thức vòng lặp for vì quá trình khởi tạo, điều kiện và lặp đều được xử lý trong dấu ngoặc, như được hiển thị bên dưới:

 for (let i = 0; i & lt; score.length; i ++) {
    console.log (điểm [i]);
}
 

Điều này sẽ trả về tất cả các phần tử như các phương thức khác đã thực hiện:

  22
54
76
92
43
33
 

Cách lặp qua một mảng bằng for… in Vòng lặp trong JavaScript

Vòng lặp for… in là cách dễ dàng hơn để lặp qua các mảng vì nó cung cấp cho chúng ta khóa mà bây giờ chúng ta có thể sử dụng để lấy các giá trị từ mảng của chúng tôi theo cách này:

  for (i tính điểm) {
    console.log (điểm [i]);
}
 

Điều này sẽ xuất ra tất cả các phần tử trong mảng của chúng ta:

  22
54
76
92
43
33  

Cách lặp qua một mảng với < code> for… of Vòng lặp trong JavaScript

Vòng lặp for ... of lặp qua các đối tượng có thể lặp lại như mảng, tập hợp, bản đồ, chuỗi, v.v. . Nó có cùng một cú pháp với vòng lặp for ... in , nhưng thay vì nhận được khóa , nó lại lấy chính phần tử.

Đây là một trong những phương pháp đơn giản nhất để lặp qua một mảng và đã được giới thiệu trong các phiên bản sau của JavaScript ES6.

  for (score of) {
    console.log (điểm số);
}
 

Điều này lấy từng phần tử trong mảng của chúng ta và chúng ta không cần sử dụng chỉ mục để lấy từng phần tử trong mảng của mình nữa:

  22
54
76
92
43
33
 

Cách lặp qua một mảng với forEach Vòng lặp trong JavaScript

Phương thức mảng forEach () lặp qua bất kỳ mảng nào, thực thi một hàm được cung cấp một lần cho mỗi phần tử mảng theo thứ tự chỉ mục tăng dần. Hàm này được gọi là hàm gọi lại.

Đây là một phương pháp nâng cao hơn có thể làm được nhiều việc hơn là chỉ lặp qua từng phần tử, nhưng bạn cũng có thể sử dụng nó để lặp qua theo cách này:

  Score.forEach ((score) = & gt; {
    console.log (điểm số);
});
 

Bạn có thể viết điều này trong một dòng theo cách này:

  score.forEach ((score) = & gt; console. log (điểm số));
 

Và điều này sẽ cung cấp cho chúng ta kết quả giống như tất cả các phương thức trước đó:

  22
54
76
92
43
33
 

Kết thúc

Trong bài viết này, chúng ta đã xem xét sáu phương thức tiêu chuẩn / khác nhau để lặp qua một mảng.

Điều quan trọng là bạn phải hiểu tất cả các phương pháp này và sau đó xác định phương pháp nào phù hợp với bạn hơn, dễ sử dụng hơn và dễ đọc hơn.


Xem thêm những thông tin liên quan đến chủ đề mảng js cho vòng lặp

JavaScript for..in Loops

  • Tác giả: Steve Griffith – Prof3ssorSt3v3
  • Ngày đăng: 2016-07-28
  • Đánh giá: 4 ⭐ ( 4096 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Another common type of loop in JavaScript is the for..in loop. When working with Arrays the for loop is the most common type of loop.
    When working with Objects, the for..in loop is usually the best choice.

Hiểu Rõ Về Các Loại Vòng Lặp Trong Javascript Và Cấu Trúc Từng Loại Vòng Lặp

  • Tác giả: funix.edu.vn
  • Đánh giá: 3 ⭐ ( 4349 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Vòng lặp là một khái niệm rất quen thuộc trong lập trình. Với vòng lặp trong Javascript, chúng thường được dùng để xử lý đối tượng hoặc mảng.

Duyệt mảng trong JavaScript

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 4 ⭐ ( 5455 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách duyệt mảng trong JavaScript. Bạn sẽ học được 3 cách căn bản để duyệt mảng trong JavaScript sau bài học này.

Các loại vòng lặp trong Javascript

  • Tác giả: viblo.asia
  • Đánh giá: 4 ⭐ ( 8687 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Vòng lặp là một thành phân vô cùng quan trọng của các ngôn ngữ lập trình và thường sẽ là một trong những thứ được lập trình viên tiếp cận đầu tiên. Hẳn lập trình viên nào cũng quen với các loop phổ bi…

Tìm hiểu về mảng và vòng lặp trong JavaScript

  • Tác giả: kenh49.vn
  • Đánh giá: 3 ⭐ ( 4926 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài này chúng ta sẽ tìm hiểu về mảng và vòng lặp trong JavaScript trong khóa học JavaScript từ cơ bản đến nâng cao của kênh 49.

Khai báo và duyệt mảng trong javascript (nhập xuất mảng …)

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 3143 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách khai báo mảng và duyệt mảng trong Javascript, sử dụng các vòng lặp để duyệt qua các phần tử của mảng, truy xuất các phần tử của mảng và in lên console

Lặp qua một mảng trong JavaScript

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 3295 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Bạn có một vài lựa chọn: 1. forVòng lặp tuần tự : var myStringArray = [“Hello”,”World”];…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình