Hướng dẫn what are the correct looping structures in javascript - cấu trúc vòng lặp chính xác trong javascript là gì

  • " Trước
  • Tiếp theo "

Các vòng lặp cung cấp một cách nhanh chóng và dễ dàng để làm một cái gì đó nhiều lần. Chương này của Hướng dẫn JavaScript giới thiệu các câu lệnh lặp khác nhau có sẵn cho JavaScript.

Show

Bạn có thể nghĩ về một vòng lặp như một phiên bản máy tính của trò chơi nơi bạn bảo ai đó thực hiện X BƯỚC theo một hướng, sau đó y các bước khác. Ví dụ, ý tưởng "đi năm bước về phía đông" có thể được thể hiện theo cách này như một vòng lặp:

for (let step = 0; step < 5; step++) {
  // Runs 5 times, with values of step 0 through 4.
  console.log('Walking east one step');
}

Có nhiều loại vòng lặp khác nhau, nhưng tất cả chúng đều làm điều tương tự: họ lặp lại một hành động một số lần. (Lưu ý rằng có thể số đó có thể bằng không!)

Các cơ chế vòng lặp khác nhau cung cấp các cách khác nhau để xác định điểm bắt đầu và điểm cuối của vòng lặp. Có nhiều tình huống dễ dàng được phục vụ hơn bởi một loại vòng lặp trên các loại khác.

Các câu lệnh cho các vòng lặp được cung cấp trong JavaScript là:

  • cho tuyên bố
  • làm ... trong khi tuyên bố
  • trong khi tuyên bố
  • Tuyên bố được dán nhãn
  • Tuyên bố phá vỡ
  • Tiếp tục tuyên bố
  • cho ... trong tuyên bố
  • cho ... tuyên bố

cho tuyên bố

làm ... trong khi tuyên bố

trong khi tuyên bố

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement

Tuyên bố được dán nhãn

  1. Tuyên bố phá vỡ
  2. Tiếp tục tuyên bố
  3. cho ... trong tuyên bố
  4. cho ... tuyên bố
  5. Một vòng lặp
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    1 lặp lại cho đến khi một điều kiện được chỉ định đánh giá là sai. Vòng lặp JavaScript
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    1 tương tự như vòng lặp Java và C
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    1.

Một câu lệnh
1 trông như sau:

Khi vòng lặp

<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 thực thi, điều này xảy ra sau:

Biểu thức khởi tạo
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
6, nếu có, được thực thi. Biểu thức này thường khởi tạo một hoặc nhiều bộ đếm vòng lặp, nhưng cú pháp cho phép biểu hiện bất kỳ mức độ phức tạp nào. Biểu thức này cũng có thể khai báo các biến.

<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>

Biểu thức
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
7 được đánh giá. Nếu giá trị của
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
7 là đúng, các câu lệnh LOOP thực thi. Nếu không, vòng lặp
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 chấm dứt. (Nếu biểu thức
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
7 bị bỏ qua hoàn toàn, điều kiện được coi là đúng.)

function howMany(selectObject) {
  let numberSelected = 0;
  for (let i = 0; i < selectObject.options.length; i++) {
    if (selectObject.options[i].selected) {
      numberSelected++;
    }
  }
  return numberSelected;
}

const btn = document.getElementById('btn');

btn.addEventListener('click', () => {
  const musicTypes = document.selectForm.musicTypes;
  console.log(`You have selected ${howMany(musicTypes)} option(s).`);
});
1 thực thi. Để thực thi nhiều câu lệnh, hãy sử dụng câu lệnh BLOCK (
function howMany(selectObject) {
  let numberSelected = 0;
  for (let i = 0; i < selectObject.options.length; i++) {
    if (selectObject.options[i].selected) {
      numberSelected++;
    }
  }
  return numberSelected;
}

const btn = document.getElementById('btn');

btn.addEventListener('click', () => {
  const musicTypes = document.selectForm.musicTypes;
  console.log(`You have selected ${howMany(musicTypes)} option(s).`);
});
2) để nhóm các câu lệnh đó.

function howMany(selectObject) {
  let numberSelected = 0;
  for (let i = 0; i < selectObject.options.length; i++) {
    if (selectObject.options[i].selected) {
      numberSelected++;
    }
  }
  return numberSelected;
}

const btn = document.getElementById('btn');

btn.addEventListener('click', () => {
  const musicTypes = document.selectForm.musicTypes;
  console.log(`You have selected ${howMany(musicTypes)} option(s).`);
});

làm ... trong khi tuyên bố

trong khi tuyên bố

Tuyên bố được dán nhãn

do
  statement
while (condition);

Tuyên bố phá vỡ

Tiếp tục tuyên bố

Một câu lệnh
1 trông như sau:

Khi vòng lặp

<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 thực thi, điều này xảy ra sau:

let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);

trong khi tuyên bố

Tuyên bố được dán nhãn

while (condition)
  statement

Tuyên bố phá vỡ

Tiếp tục tuyên bố

cho ... trong tuyên bố

cho ... tuyên bố

Một vòng lặp

<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 lặp lại cho đến khi một điều kiện được chỉ định đánh giá là sai. Vòng lặp JavaScript
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 tương tự như vòng lặp Java và C
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1.

let n = 0;
let x = 0;
while (n < 3) {
  n++;
  x += n;
}

Một câu lệnh

<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 trông như sau:

  • Khi vòng lặp
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    1 thực thi, điều này xảy ra sau:
  • Biểu thức khởi tạo
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    6, nếu có, được thực thi. Biểu thức này thường khởi tạo một hoặc nhiều bộ đếm vòng lặp, nhưng cú pháp cho phép biểu hiện bất kỳ mức độ phức tạp nào. Biểu thức này cũng có thể khai báo các biến.
  • Biểu thức
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    7 được đánh giá. Nếu giá trị của
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    7 là đúng, các câu lệnh LOOP thực thi. Nếu không, vòng lặp
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    1 chấm dứt. (Nếu biểu thức
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    7 bị bỏ qua hoàn toàn, điều kiện được coi là đúng.)

function howMany(selectObject) {
  let numberSelected = 0;
  for (let i = 0; i < selectObject.options.length; i++) {
    if (selectObject.options[i].selected) {
      numberSelected++;
    }
  }
  return numberSelected;
}

const btn = document.getElementById('btn');

btn.addEventListener('click', () => {
  const musicTypes = document.selectForm.musicTypes;
  console.log(`You have selected ${howMany(musicTypes)} option(s).`);
});
1 thực thi. Để thực thi nhiều câu lệnh, hãy sử dụng câu lệnh BLOCK (
function howMany(selectObject) {
  let numberSelected = 0;
  for (let i = 0; i < selectObject.options.length; i++) {
    if (selectObject.options[i].selected) {
      numberSelected++;
    }
  }
  return numberSelected;
}

const btn = document.getElementById('btn');

btn.addEventListener('click', () => {
  const musicTypes = document.selectForm.musicTypes;
  console.log(`You have selected ${howMany(musicTypes)} option(s).`);
});
2) để nhóm các câu lệnh đó.

Nếu có, biểu thức cập nhật function howMany(selectObject) { let numberSelected = 0; for (let i = 0; i < selectObject.options.length; i++) { if (selectObject.options[i].selected) { numberSelected++; } } return numberSelected; } const btn = document.getElementById('btn'); btn.addEventListener('click', () => { const musicTypes = document.selectForm.musicTypes; console.log(`You have selected ${howMany(musicTypes)} option(s).`); }); 3 được thực thi.

Kiểm soát trở về Bước 2.

// Infinite loops are bad!
while (true) {
  console.log('Hello, world!');
}

Tuyên bố được dán nhãn

Một

markLoop:
while (theMark) {
  doSomething();
}
1 cung cấp một câu lệnh với một định danh cho phép bạn tham khảo nó ở nơi khác trong chương trình của bạn. Ví dụ: bạn có thể sử dụng nhãn để xác định một vòng lặp và sau đó sử dụng các câu lệnh
markLoop:
while (theMark) {
  doSomething();
}
2 hoặc
markLoop:
while (theMark) {
  doSomething();
}
3 để cho biết liệu một chương trình có nên làm gián đoạn vòng lặp hay tiếp tục thực thi hay không.

Cú pháp của câu lệnh được dán nhãn trông giống như sau:

Giá trị của

markLoop:
while (theMark) {
  doSomething();
}
1 có thể là bất kỳ định danh JavaScript nào không phải là một từ dành riêng.
function howMany(selectObject) {
  let numberSelected = 0;
  for (let i = 0; i < selectObject.options.length; i++) {
    if (selectObject.options[i].selected) {
      numberSelected++;
    }
  }
  return numberSelected;
}

const btn = document.getElementById('btn');

btn.addEventListener('click', () => {
  const musicTypes = document.selectForm.musicTypes;
  console.log(`You have selected ${howMany(musicTypes)} option(s).`);
});
1 mà bạn xác định với nhãn có thể là bất kỳ câu lệnh nào.

Thí dụ

Trong ví dụ này, nhãn

markLoop:
while (theMark) {
  doSomething();
}
6 xác định vòng lặp
let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);
4.

markLoop:
while (theMark) {
  doSomething();
}

Tuyên bố phá vỡ

Sử dụng câu lệnh

markLoop:
while (theMark) {
  doSomething();
}
2 để chấm dứt một vòng lặp,
markLoop:
while (theMark) {
  doSomething();
}
9 hoặc kết hợp với một câu lệnh được dán nhãn.

  • Khi bạn sử dụng
    markLoop:
    while (theMark) {
      doSomething();
    }
    
    2 mà không có nhãn, nó sẽ chấm dứt việc bao quanh bên trong
    let i = 0;
    do {
      i += 1;
      console.log(i);
    } while (i < 5);
    
    4,
    for ([initialExpression]; [conditionExpression]; [incrementExpression])
      statement
    
    02,
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    1 hoặc
    markLoop:
    while (theMark) {
      doSomething();
    }
    
    9 ngay lập tức và chuyển kiểm soát sang câu lệnh sau.
  • Khi bạn sử dụng
    markLoop:
    while (theMark) {
      doSomething();
    }
    
    2 với nhãn, nó sẽ chấm dứt câu lệnh được ghi nhãn được chỉ định.

Cú pháp của câu lệnh

markLoop:
while (theMark) {
  doSomething();
}
2 trông như thế này:

  1. Hình thức đầu tiên của cú pháp chấm dứt vòng lặp kín trong cùng hoặc
    markLoop:
    while (theMark) {
      doSomething();
    }
    
    9.
  2. Hình thức thứ hai của cú pháp chấm dứt câu lệnh được chỉ định được chỉ định.

ví dụ 1

Ví dụ sau đây lặp qua các phần tử trong một mảng cho đến khi tìm thấy chỉ mục của một phần tử có giá trị là

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
08:

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
0

Ví dụ 2: Phá vỡ nhãn

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
1

Tiếp tục tuyên bố

Tuyên bố

markLoop:
while (theMark) {
  doSomething();
}
3 có thể được sử dụng để khởi động lại câu lệnh
let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);
4,
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
02,
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 hoặc
markLoop:
while (theMark) {
  doSomething();
}
1.

  • Khi bạn sử dụng
    markLoop:
    while (theMark) {
      doSomething();
    }
    
    3 mà không có nhãn, nó sẽ chấm dứt lần lặp hiện tại của câu lệnh
    let i = 0;
    do {
      i += 1;
      console.log(i);
    } while (i < 5);
    
    4,
    for ([initialExpression]; [conditionExpression]; [incrementExpression])
      statement
    
    02 hoặc
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    1 và tiếp tục thực hiện vòng lặp với lần lặp tiếp theo. Trái ngược với tuyên bố
    markLoop:
    while (theMark) {
      doSomething();
    }
    
    2,
    markLoop:
    while (theMark) {
      doSomething();
    }
    
    3 không chấm dứt hoàn toàn việc thực hiện vòng lặp. Trong vòng lặp
    let i = 0;
    do {
      i += 1;
      console.log(i);
    } while (i < 5);
    
    4, nó nhảy trở lại điều kiện. Trong vòng lặp
    <form name="selectForm">
      <label for="musicTypes">Choose some music types, then click the button below:label>
      <select id="musicTypes" name="musicTypes" multiple>
        <option selected>R&Boption>
        <option>Jazzoption>
        <option>Bluesoption>
        <option>New Ageoption>
        <option>Classicaloption>
        <option>Operaoption>
      select>
      <button id="btn" type="button">How many are selected?button>
    form>
    
    1, nó nhảy đến
    for ([initialExpression]; [conditionExpression]; [incrementExpression])
      statement
    
    22.
  • Khi bạn sử dụng
    markLoop:
    while (theMark) {
      doSomething();
    }
    
    3 với nhãn, nó sẽ áp dụng cho câu lệnh Looping được xác định với nhãn đó.

Cú pháp của câu lệnh

markLoop:
while (theMark) {
  doSomething();
}
3 trông giống như sau:

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
2

ví dụ 1

Ví dụ sau đây lặp qua các phần tử trong một mảng cho đến khi tìm thấy chỉ mục của một phần tử có giá trị là

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
08:

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
3

Ví dụ 2: Phá vỡ nhãn

Tiếp tục tuyên bố

Tuyên bố

markLoop:
while (theMark) {
  doSomething();
}
3 có thể được sử dụng để khởi động lại câu lệnh
let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);
4,
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
02,
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 hoặc
markLoop:
while (theMark) {
  doSomething();
}
1.

Khi bạn sử dụng

markLoop:
while (theMark) {
  doSomething();
}
3 mà không có nhãn, nó sẽ chấm dứt lần lặp hiện tại của câu lệnh
let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);
4,
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
02 hoặc
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 và tiếp tục thực hiện vòng lặp với lần lặp tiếp theo. Trái ngược với tuyên bố
markLoop:
while (theMark) {
  doSomething();
}
2,
markLoop:
while (theMark) {
  doSomething();
}
3 không chấm dứt hoàn toàn việc thực hiện vòng lặp. Trong vòng lặp
let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);
4, nó nhảy trở lại điều kiện. Trong vòng lặp
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1, nó nhảy đến
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
22.

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
4

Khi bạn sử dụng markLoop: while (theMark) { doSomething(); } 3 với nhãn, nó sẽ áp dụng cho câu lệnh Looping được xác định với nhãn đó.

Cú pháp của câu lệnh

markLoop:
while (theMark) {
  doSomething();
}
3 trông giống như sau:

Ví dụ sau đây cho thấy vòng lặp

let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);
4 với câu lệnh
markLoop:
while (theMark) {
  doSomething();
}
3 thực thi khi giá trị của
function howMany(selectObject) {
  let numberSelected = 0;
  for (let i = 0; i < selectObject.options.length; i++) {
    if (selectObject.options[i].selected) {
      numberSelected++;
    }
  }
  return numberSelected;
}

const btn = document.getElementById('btn');

btn.addEventListener('click', () => {
  const musicTypes = document.selectForm.musicTypes;
  console.log(`You have selected ${howMany(musicTypes)} option(s).`);
});
7 là
while (condition)
  statement
9. Do đó,
while (condition)
  statement
8 đảm nhận các giá trị
let n = 0;
let x = 0;
while (n < 3) {
  n++;
  x += n;
}
5,
while (condition)
  statement
9,
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
32 và
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
33.

Thí dụ

Trong ví dụ này, nhãn

markLoop:
while (theMark) {
  doSomething();
}
6 xác định vòng lặp
let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);
4.

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
6

Tuyên bố phá vỡ

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
7

Sử dụng câu lệnh markLoop: while (theMark) { doSomething(); } 2 để chấm dứt một vòng lặp, markLoop: while (theMark) { doSomething(); } 9 hoặc kết hợp với một câu lệnh được dán nhãn.

Khi bạn sử dụng

markLoop:
while (theMark) {
  doSomething();
}
2 mà không có nhãn, nó sẽ chấm dứt việc bao quanh bên trong
let i = 0;
do {
  i += 1;
  console.log(i);
} while (i < 5);
4,
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
02,
<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
1 hoặc
markLoop:
while (theMark) {
  doSomething();
}
9 ngay lập tức và chuyển kiểm soát sang câu lệnh sau.

Khi bạn sử dụng

markLoop:
while (theMark) {
  doSomething();
}
2 với nhãn, nó sẽ chấm dứt câu lệnh được ghi nhãn được chỉ định.

Cú pháp của câu lệnh markLoop: while (theMark) { doSomething(); } 2 trông như thế này:

Hình thức đầu tiên của cú pháp chấm dứt vòng lặp kín trong cùng hoặc

markLoop:
while (theMark) {
  doSomething();
}
9.

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
8

Ví dụ sau đây cho thấy sự khác biệt giữa vòng lặp

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
62 và vòng lặp
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
52. Trong khi
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
52 lặp lại tên thuộc tính,
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
62 lặp lại các giá trị thuộc tính:

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
9

Các câu lệnh

for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
62 và
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
52 cũng có thể được sử dụng với phá hủy. Ví dụ: bạn có thể đồng thời lặp qua các khóa và giá trị của một đối tượng bằng cách sử dụng
for ([initialExpression]; [conditionExpression]; [incrementExpression])
  statement
73.

<form name="selectForm">
  <label for="musicTypes">Choose some music types, then click the button below:label>
  <select id="musicTypes" name="musicTypes" multiple>
    <option selected>R&Boption>
    <option>Jazzoption>
    <option>Bluesoption>
    <option>New Ageoption>
    <option>Classicaloption>
    <option>Operaoption>
  select>
  <button id="btn" type="button">How many are selected?button>
form>
0

  • " Trước
  • Tiếp theo "

Các câu lệnh lặp trong JavaScript là gì?

Các vòng lặp được sử dụng trong JavaScript để thực hiện các tác vụ lặp lại dựa trên một điều kiện.Điều kiện thường trả về đúng hoặc sai.Một vòng lặp sẽ tiếp tục chạy cho đến khi điều kiện xác định trả về sai.used in JavaScript to perform repeated tasks based on a condition. Conditions typically return true or false . A loop will continue running until the defined condition returns false .

Cấu trúc vòng lặp chính xác trong JavaScript MCQ là gì?

Giải thích: Câu lệnh DO/trong khi tạo ra một vòng lặp thực thi một khối mã một lần, trước khi kiểm tra xem điều kiện có đúng hay không, thì nó sẽ lặp lại vòng lặp miễn là điều kiện là đúng.do/while statement creates a loop that executes a block of code once, before checking if the condition is true, then it will repeat the loop as long as the condition is true.

3 phần của A For Loop trong JavaScript là gì?

JavaScript cho vòng lặp được sử dụng để thực thi mã nhiều lần.Đối với vòng lặp bao gồm ba phần: khởi tạo, điều kiện và lặp.initialization, condition and iteration.

3 phần của một vòng lặp là gì?

A WHE LOOP bao gồm ba phần:..
Từ khóa trong khi bắt đầu vòng lặp ..
điều kiện sẽ được kiểm tra mỗi khi vòng lặp lặp hoặc được thực hiện ..
từ khóa cuối cùng kết thúc vòng lặp ..