JavaScript For Loop – Cách lặp qua một mảng trong JS – 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 đều thực hiện cùng một việc: 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: 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 đều thực hiện giống nhau: 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 được đánh giá 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, 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 ( 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ần cho vòng lặp 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 khi nào thì dừng và câu lệnh tăng i ++ cho biết mức tăng của biến trình 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, 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ủ đề lặp qua một mảng trong javascript

Mảng

  • Tác giả: F8 Official
  • Ngày đăng: 2020-01-10
  • Đánh giá: 4 ⭐ ( 7821 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Truy cập ngay https://f8.edu.vn và học tại đây để quản lý được tiến độ học và hơn thế nữa!

    hoclaptrinh javascript mienphi
    ———————————————-/————-
    © Bản quyền thuộc về MyCV.vn
    © Copyright by MyCV.vn ☞ Do not Reup

    Liên hệ: SƠN ĐẶNG
    ► Facebook: https://url.mycv.vn/sondn-fb?ref=yt
    ► Email: sondnf8@gmail.com
    —————————————
    ► Học lập trình: https://url.mycv.vn/f8?ref=yt
    ► Viết CV xin việc: https://url.mycv.vn/mycv?ref=yt
    —————————————
    HỌC LẬP TRÌNH MIỄN PHÍ
    ► Khóa Javascript cơ bản: https://url.mycv.vn/js-basic?ref=yt

Mảng trong JavaScript | JS ARRAY

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 3 ⭐ ( 5529 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.

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

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 9400 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”];…

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

  • Tác giả: www.daipho.com
  • Đánh giá: 4 ⭐ ( 8001 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á: 3 ⭐ ( 2193 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

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

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

Sử dụng forEach trong javascript

  • Tác giả: codestus.com
  • Đánh giá: 5 ⭐ ( 1901 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Khi làm việc với mảng bạn thường làm gì, lặp qua một mảng?
    Trong JavaScript, chúng ta có thể sử dụng một số phương thức được cung cấp như map, reduce, etc để lặp mảng

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  Cách tạo đường kẻ ngang
trong HTML & CSS 👩‍💻 - thêm html dòng ngang