Có nhiều loại vòng lặp khác nhau trong JavaScript, và tất cả chúng về cơ bản đều làm cùng một điều: chúng lặp đi lặp lại một hành động. Vòng lặp rất hữu ích nếu bạn muốn lặp lại cùng một khối mã trong một số lần nhất định. Về cơ bản, chúng nhanh chóng và

Bạn đang xem: cách lặp qua một mảng trong javascript

Có nhiều loại vòng lặp khác nhau trong JavaScript và tất cả chúng về cơ bản thực hiện cùng một việc: họ lặp đi lặp lại một hành động.

Vòng lặp rất hữu ích nếu bạn muốn lặp lại cùng một khối mã trong một số lần nhất định. Về cơ bản, chúng là một cách nhanh chóng và hiệu quả để lặp lại điều gì đó.

Bài viết này tập trung vào vòng lặp for trong ngôn ngữ lập trình JavaScript và xem xét cú pháp cơ bản của nó.

Ngoài ra, tôi sẽ giải thích cách lặp qua một mảng bằng vòng lặp for , đây là một khái niệm lập trình cơ bản.

Vòng lặp for là gì? Phân tích cú pháp cơ bản

Vòng lặp for lặp lại một hành động trong khi một điều kiện cụ thể là true . Nó ngừng lặp lại hành động khi điều kiện cuối cùng cho kết quả là false .

Vòng lặp for trong JavaScript trông rất giống với vòng lặp for trong C và Java.

Có nhiều loại vòng lặp for khác nhau trong JavaScript, nhưng những loại cơ bản nhất trông giống như sau:

  for (khởi tạo biểu thức; điều kiện; hành động đối với biểu thức được khởi tạo) {
  câu lệnh hướng dẫn được thực hiện;
}
 

Loại vòng lặp này bắt đầu bằng từ khóa for , theo sau là một tập hợp các dấu ngoặc đơn. Bên trong chúng, có ba câu lệnh biểu thức tùy chọn được phân tách bằng dấu chấm phẩy, ; . Cuối cùng, có một tập hợp các dấu ngoặc nhọn, {} , bao quanh câu lệnh khối mã sẽ được thực thi.

Đây là một ví dụ:

  for (let i = 0; i & lt; 10; i ++) {
  console.log ('Số đếm');
  // chạy và in "Số đếm" 10 lần
  // giá trị của tôi nằm trong khoảng từ 0 đến 9
  }
 

Chi tiết hơn, khi vòng lặp for được thực thi:

  • Nếu có bất kỳ biểu thức ban đầu nào, nó sẽ được chạy trước và chỉ được thực thi một lần trước khi bất kỳ mã nào trong khối được chạy và trước khi bắt đầu vòng lặp. Trong bước này, khởi tạo một hoặc nhiều bộ đếm và khai báo một hoặc nhiều biến được sử dụng trong vòng lặp, chẳng hạn như let i = 0 . Nếu có nhiều hơn một biến, chúng được phân tách bằng dấu phẩy.
  • Tiếp theo là định nghĩa của biểu thức điều kiện phải được đáp ứng để chạy vòng lặp, i & lt; 10 . Như đã đề cập trước đó, các câu lệnh trong khối mã sẽ chỉ chạy khi điều kiện này đánh giá là true . Nếu giá trị false thì vòng lặp ngừng chạy. Nếu không có điều kiện, nó luôn là true , điều này tạo ra một vòng lặp vô hạn.
  • Sau đó, câu lệnh bên trong khối có dấu ngoặc nhọn, {..} , được thực thi. Có thể có nhiều hơn một, trên nhiều dòng.
  • Sau mỗi lần khối mã được thực thi, có thể có một hành động đối với biểu thức đã khởi tạo diễn ra ở cuối, chẳng hạn như câu lệnh tăng dần ( i ++ ) cập nhật biểu thức ban đầu. < / li>
  • Sau đó, điều kiện được kiểm tra lại và nếu nó được đánh giá là đúng, quá trình sẽ được lặp lại.

Mảng là gì?

Mảng là một cấu trúc dữ liệu.

Nó là một tập hợp có thứ tự gồm nhiều mục, được gọi là các phần tử, dưới cùng một tên được lưu trữ cùng nhau trong một danh sách. Sau đó, điều này cho phép chúng dễ dàng được sắp xếp hoặc tìm kiếm.

Mảng trong JavaScript có thể chứa các phần tử có giá trị thuộc các kiểu dữ liệu khác nhau. Một mảng có thể chứa số, chuỗi, một mảng khác, giá trị boolean, v.v. – đồng thời.

Lập chỉ mục luôn bắt đầu từ 0 . Điều này có nghĩa là mục đầu tiên trong một mảng được tham chiếu với chỉ số 0, mục thứ hai có một chỉ mục và mục cuối cùng là độ dài mảng - 1 .

Cách dễ nhất và thích hợp nhất để tạo mảng là sử dụng ký hiệu chữ của mảng, bạn có thể thực hiện với dấu ngoặc vuông với danh sách các phần tử được phân tách bằng dấu phẩy, như mảng chuỗi bên dưới:

  let programmingLanguages ​​= ["JavaScript", "Java", "Python", "Ruby"];
 

Để truy cập mục đầu tiên, chúng tôi sử dụng số chỉ mục:

  console.log (PrograLanguages ​​[0]);
// in JavaScript
 

Cách Lặp lại Mảng với vòng lặp for

Mỗi lầnVòng lặp for chạy, nó có một giá trị khác – và đây là trường hợp của các mảng.

Vòng lặp for kiểm tra và lặp lại mọi phần tử mà mảng chứa một cách nhanh chóng, hiệu quả và dễ kiểm soát hơn.

Một ví dụ cơ bản về lặp qua một mảng là:

 
const myNumbersArray = [1,2,3,4,5];

for (let i = 0; i & lt; myNumbersArray.length; i ++) {
    console.log (myNumbersArray [i]);
}
 

Đầu ra:

  1
2
3
4
5
 

Điều này hiệu quả hơn nhiều so với việc in từng giá trị riêng lẻ:

  console.log (myNumbersArray [0]);
console.log (myNumbersArray [1]);
console.log (myNumbersArray [2]);
console.log (myNumbersArray [3]);
console.log (myNumbersArray [4]);
 

Hãy chia nhỏ nó:

Biến trình lặp i được khởi tạo bằng 0. i trong trường hợp này đề cập đến việc truy cập chỉ mục của mảng. Điều này có nghĩa là vòng lặp sẽ truy cập giá trị mảng đầu tiên khi nó chạy lần đầu tiên.

Điều kiện i & lt; myNumbersArray.length cho vòng lặp biết thời điểm dừng và câu lệnh tăng i ++ cho biết mức tăng biến biến lặp cho mỗi vòng lặp.

Nói cách khác, vòng lặp bắt đầu từ 0 index , kiểm tra độ dài của mảng, in giá trị ra màn hình, sau đó tăng biến lên 1. Vòng lặp in ra nội dung của mảng tại một thời điểm và khi nó đạt đến độ dài của nó, nó sẽ dừng lại.

Kết luận

Bài viết này trình bày những kiến ​​thức cơ bản về cách bắt đầu với vòng lặp for trong JavaScript. Chúng tôi đã học cách lặp lại các mảng bằng phương pháp đó, đây là một trong những phương pháp phổ biến nhất mà bạn sẽ sử dụng khi bắt đầu học ngôn ngữ.

Nếu bạn muốn tìm hiểu về các phương thức mảng JavaScript khác, bạn có thể đọc tất cả về chúng tại đây .

Cảm ơn bạn đã đọc và chúc bạn viết mã vui vẻ!


Xem thêm những thông tin liên quan đến chủ đề cách lặp qua một mảng trong javascript

JavaScript 22: Các phương thức lặp trên từng phần tử mảng

  • Tác giả: thân triệu
  • Ngày đăng: 2019-05-26
  • Đánh giá: 4 ⭐ ( 8692 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn lập trình JavaScript cơ bản. Học javascript cho tất cả mọi người. các phương thức lặp trong mảng. map(), filter(), find(), foreach()… thân triệu channel-let’s grow together!

    link tham khảo: https://www.w3schools.com/js/js_array_iteration.asp
    https://github.com/thantrieu/JavaScript/blob/master/bai22.html

Hướng dẫn Loop through Object trong Javascript ES6

  • Tác giả: trungquandev.com
  • Đánh giá: 4 ⭐ ( 9463 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

JavaScript: vòng lặp forEach trong mảng

  • Tác giả: www.daipho.com
  • Đánh giá: 3 ⭐ ( 4294 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong JavaScript, Phương thức forEach duyệt qua từng phần tử trong mảng theo thứ tự tăng dần và thực thi một hàm cho mỗi phần tử đó. Phương thức này sẽ

for…of trong JavaScript và cách lấy giá trị từ đối tượng

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 4 ⭐ ( 4799 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách sử dụng for…of trong JavaScript. Bạn sẽ học được cách dùng for…of để lấy giá trị từ iterable objects (các đối tượng có thể lặp lại) trong JavaScript, cũng như sự khác biệt giữa for…in v

Mảng trong JavaScript | JS ARRAY

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 3 ⭐ ( 5887 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn tự học Javascript này, bạn sẽ tìm hiểu về Mảng (Hay còn gọi là Array), cách tạo và thao tác với Mảng trong JavaScript.

Map JavaScript:Hướng dẫn về phương thức .map ()

  • Tác giả: vn.wsxdn.com
  • Đánh giá: 5 ⭐ ( 4652 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách sử dụng .map () để lặp lại thông qua các mục mảng trong JavaScript

  • Tác giả: s3.galaxyz.net
  • Đánh giá: 5 ⭐ ( 1979 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Từ phương thức forloop cổ điển đến phương thức forEach() , nhiều kỹ thuật và phương pháp khác nhau được sử dụng để lặp qua các tập dữ liệu trong JavaScript. Một trong những phương thức phổ biến nhất là phương thức .map() . .map() tạo một mảng từ việc gọi một hàm cụ thể trên từng mục trong mảng mẹ. .map() là một phương thức không thay đổi tạo ra một mảng mới trái ngược với các phương thức thay đổi, chỉ áp dụng các thay đổi đối với mảng đang gọi.

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

Xem Thêm  Python - Từ điển in - cách in các giá trị từ điển trong python

By ads_php