Hướng dẫn can we use for loop in javascript? - chúng ta có thể sử dụng vòng lặp for trong javascript không?

  • " 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ố

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

Tuyên bố phá vỡ

  1. Tiếp tục tuyên bố
  2. cho ... trong tuyên bố
  3. cho ... tuyên bố
  4. 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.
  5. 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:

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

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ố

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

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:

  • for ([initialExpression]; [conditionExpression]; [incrementExpression])
      statement
    
  • 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.

// 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:

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

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ái nào cho vòng lặp là tốt nhất trong JavaScript?

Vòng lặp nhanh nhất là một vòng lặp, cả có và không có độ dài bộ nhớ đệm mang lại hiệu suất thực sự tương tự. ....
Vòng lặp trong khi giảm chậm hơn khoảng 1,5 lần so với vòng lặp ..
Một vòng lặp sử dụng hàm gọi lại (như foreach tiêu chuẩn), chậm hơn khoảng 10 lần so với vòng lặp ..

Chúng ta có thể sử dụng cho trong vòng lặp cho mảng trong JavaScript không?

Các ... vòng lặp lặp lại trên các đối tượng có thể lặp lại như mảng, bộ, bản đồ, chuỗi, v.v.Nó có cùng cú pháp với ... trong vòng lặp, nhưng thay vì lấy chìa khóa, nó có chính phần tử.. It has the same syntax as the for...in loop, but instead of getting the key , it gets the element itself.

Những gì cho vòng lặp có nghĩa là trong JavaScript?

Một JavaScript cho Loop thực thi một khối mã miễn là một điều kiện được chỉ định là đúng.JavaScript cho các vòng lặp có ba đối số: khởi tạo, điều kiện và gia tăng.Biểu thức điều kiện được đánh giá trên mỗi vòng lặp.Một vòng lặp tiếp tục chạy nếu biểu thức trả về đúng.executes a block of code as long as a specified condition is true. JavaScript for loops take three arguments: initialization, condition, and increment. The condition expression is evaluated on every loop. A loop continues to run if the expression returns true.

Chúng ta có thể sử dụng const trong vòng lặp JavaScript không?

Bạn có thể sử dụng const để khai báo biến miễn là nó không được chỉ định lại trong thân vòng (nó có thể thay đổi giữa các lần lặp, bởi vì đó là hai biến riêng biệt).Nếu không, bạn có thể sử dụng LET. (it can change between iterations, because those are two separate variables). Otherwise, you can use let .