Gia tăng vòng lặp trong khi JavaScript

Thử nó

cú pháp

x++
++x

Sự miêu tả

Nếu sử dụng hậu tố, với toán tử đứng sau toán hạng [ví dụ:

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nếu sử dụng tiền tố, với toán tử đứng trước toán hạng [ví dụ:

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Toán tử gia tăng chỉ có thể được áp dụng trên toán hạng là tham chiếu [biến và thuộc tính đối tượng; i. e. mục tiêu phân công hợp lệ]. Bản thân

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Ví dụ xuất hàng lần lượt theo danh sách hoặc chỉ chạy mã giống nhau cho từng số từ 1 đến 10

Vòng lặp là một cách để lặp lại cùng một mã nhiều lần

Vòng lặp for…of và for…in

Một thông báo nhỏ cho độc giả nâng cao

Bài viết này chỉ bao gồm các vòng lặp cơ bản.

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nếu bạn đến bài viết này để tìm kiếm các loại vòng lặp khác, thì đây là các gợi ý

• Xem for…in để lặp qua các thuộc tính đối tượng
• Xem for…of và iterables để lặp qua các mảng và đối tượng có thể lặp lại

Nếu không, hãy đọc tiếp

Vòng lặp “trong khi”

Vòng lặp

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

while [condition] {
  // code
  // so-called "loop body"
}

Trong khi

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] alert[i--];

Chẳng hạn, vòng lặp bên dưới xuất ra

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Một lần thực hiện thân vòng lặp được gọi là một phép lặp. Vòng lặp trong ví dụ trên thực hiện ba lần lặp

Nếu thiếu

let i = 3;
while [i] alert[i--];

Bất kỳ biểu thức hoặc biến nào cũng có thể là điều kiện lặp, không chỉ là phép so sánh. điều kiện được đánh giá và chuyển đổi thành boolean bởi

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chẳng hạn, một cách ngắn hơn để viết

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Dấu ngoặc nhọn không cần thiết cho phần thân một dòng

Nếu thân vòng lặp chỉ có một câu lệnh, chúng ta có thể bỏ dấu ngoặc nhọn

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] alert[i--];

Vòng lặp “do…while”

Kiểm tra điều kiện có thể được di chuyển bên dưới thân vòng lặp bằng cú pháp

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Đầu tiên, vòng lặp sẽ thực thi phần thân, sau đó kiểm tra điều kiện và, trong khi nó đúng, thực hiện lặp đi lặp lại

Ví dụ

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Dạng cú pháp này chỉ nên được sử dụng khi bạn muốn phần thân của vòng lặp thực thi ít nhất một lần bất kể điều kiện có đúng hay không. Thông thường, hình thức khác được ưa thích.

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Vòng lặp “cho”

Vòng lặp

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nó trông như thế này

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Hãy tìm hiểu ý nghĩa của những phần này bằng ví dụ. Vòng lặp bên dưới chạy

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Hãy xem xét từng phần câu lệnh

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] alert[i--];

Thuật toán vòng lặp chung hoạt động như thế này

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nghĩa là,

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nếu bạn chưa quen với các vòng lặp, bạn có thể quay lại ví dụ và mô phỏng lại cách nó chạy từng bước trên một tờ giấy

Đây chính xác là những gì xảy ra trong trường hợp của chúng tôi

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Khai báo biến nội tuyến

Tại đây, biến “bộ đếm”

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Thay vì xác định một biến, chúng ta có thể sử dụng một biến hiện có

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Bỏ qua các phần

Có thể bỏ qua bất kỳ phần nào của

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Ví dụ: chúng ta có thể bỏ qua

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

thích ở đây

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chúng tôi cũng có thể loại bỏ phần

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Điều này làm cho vòng lặp giống hệt với

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chúng ta thực sự có thể loại bỏ mọi thứ, tạo ra một vòng lặp vô hạn

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Xin lưu ý rằng phải có hai dấu chấm phẩy

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Phá vỡ vòng lặp

Thông thường, một vòng lặp thoát khi điều kiện của nó trở nên sai

Nhưng chúng tôi có thể buộc thoát bất cứ lúc nào bằng cách sử dụng chỉ thị đặc biệt

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Ví dụ: vòng lặp bên dưới yêu cầu người dùng nhập một dãy số, "phá vỡ" khi không có số nào được nhập

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chỉ thị

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Sự kết hợp “vòng lặp vô hạn +

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Tiếp tục đến lần lặp tiếp theo

Chỉ thị

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chúng tôi có thể sử dụng nó nếu chúng tôi đã hoàn thành với lần lặp lại hiện tại và muốn chuyển sang bước tiếp theo

Vòng lặp bên dưới sử dụng

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Đối với các giá trị chẵn của

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chỉ thị

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Một vòng lặp hiển thị các giá trị lẻ có thể trông như thế này

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Từ quan điểm kỹ thuật, điều này giống hệt với ví dụ trên. Chắc chắn, chúng ta chỉ có thể bọc mã trong một khối

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nhưng như một tác dụng phụ, điều này đã tạo thêm một cấp độ lồng nhau [cuộc gọi

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Không có

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Xin lưu ý rằng các cấu trúc cú pháp không phải là biểu thức không thể được sử dụng với toán tử bậc ba

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Ví dụ: nếu chúng ta lấy mã này

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

…và viết lại bằng dấu chấm hỏi

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

…nó ngừng hoạt động. có một lỗi cú pháp

Đây chỉ là một lý do khác để không sử dụng toán tử dấu chấm hỏi

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nhãn để ngắt/tiếp tục

Đôi khi chúng ta cần thoát ra khỏi nhiều vòng lặp lồng nhau cùng một lúc

Ví dụ: trong mã bên dưới, chúng tôi lặp lại

let i = 3;
while [i] alert[i--];

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chúng tôi cần một cách để dừng quá trình nếu người dùng hủy đầu vào

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nhãn là một mã định danh có dấu hai chấm trước vòng lặp

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Câu lệnh

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Trong đoạn mã trên,

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Vì vậy, điều khiển đi thẳng từ

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chúng tôi cũng có thể di chuyển nhãn vào một dòng riêng biệt

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chỉ thị

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nhãn không cho phép "nhảy" bất cứ nơi nào

Nhãn không cho phép chúng tôi nhảy vào một vị trí tùy ý trong mã

Ví dụ, không thể làm điều này

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chỉ thị

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

…Mặc dù, 99. 9% thời gian

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Chỉ có thể có một

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Tóm lược

Chúng tôi đã đề cập đến 3 loại vòng lặp

• let i = 3;
  while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
    alert[ i ];
    i--;
  }

  6 – Điều kiện được kiểm tra trước mỗi lần lặp

• let i = 3;
  while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
    alert[ i ];
    i--;
  }

  7 – Điều kiện được kiểm tra sau mỗi lần lặp

• let i = 3;
  while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
    alert[ i ];
    i--;
  }

  002 – Điều kiện được kiểm tra trước mỗi lần lặp lại, có sẵn các cài đặt bổ sung

Để tạo một vòng lặp “vô hạn”, cấu trúc

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Nếu chúng tôi không muốn làm bất cứ điều gì trong lần lặp hiện tại và muốn chuyển tiếp sang lần tiếp theo, chúng tôi có thể sử dụng chỉ thị

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

let i = 3;
while [i] { // when i becomes 0, the condition becomes falsy, and the loop stops
  alert[ i ];
  i--;
}

Làm cách nào để tăng JavaScript trong vòng lặp while?

Làm cách nào để sử dụng ++ trong JavaScript?

++ trong JavaScript là gì?

Gia tăng trong vòng lặp là gì?