Vòng lặp trong javascript

Trang chủ Javascript Vòng lặp trong javascript

Vòng lặp trong javascript

Nguyễn Dương 20-06-2024

1. Vòng lặp for

- for và for/in cho phép bạn truy cập vào index của mảng chứ không phải là phần tử thực tế, thế nên bạn cần sử dụng arr[i] để lấy giá trị

    const numbers = [1, 3, 5, 6, 7, 15, 20, 35];

    for(let i = 0; i <= numbers.length - 1; i++){
      console.log(numbers[i]);
    }

    const numbers = [1, 3, 5, 6, 7, 15, 20, 35];

    for(index in numbers){
      console.log(numbers[index]);
    }

- Với forEach và for/of bạn có thể truy cập trực tiếp đến giá trị của phần tử, forEach cho phép bạn truy cập đến index của phần tử, for/of thì không.

    const numbers = [1, 3, 5, 6, 7, 15, 20, 35];

    numbers.forEach((element, index) => {
      console.log(index + ': ' + element);
    });

    const numbers = [1, 3, 5, 6, 7, 15, 20, 35];

    for(item of numbers){
      console.log(item);
    }

- Dùng vòng lặp for-in để lặp qua các properties của Object

    const user = {

      name: 'Nguyen Duong',

      age: 29,

      website: 'quantrimaytinh.com',

};

    for(properties in user){

console.log(properties + ': ' + user[properties]);

}

2. Break và Continue

- Break dùng để thoát hẳn khỏi vòng lặp

- Continue dùng để ngưng vòng lặp hiện tại và tiếp tục vòng lặp tiếp theo

    const numbers = [1, 3, 5, 6, 7, 15, 20, 35];

    for(let i = 0; i <= numbers.length - 1; i++){
      if(i === 5){
        break;
      }
      console.log(i + ': ' + numbers[i]);
    }

    const numbers = [1, 3, 5, 6, 7, 15, 20, 35];

    for(let i = 0; i <= numbers.length - 1; i++){
      if(i === 5){
        continue;
      }
      console.log(i + ': ' + numbers[i]);
    }

3. Vòng lặp while

Đối với vòng lặp while thì ta phải có lệnh thay đổi giá trị để kiểm tra điều kiện trong khối lệnh thực thi

    let i = 1;
    while (i <= 10){
      document.write(i + '<br/>');
      i++; 
    }

Trong ví dụ trên nếu ta không tăng i lên 1 đơn vị thì i luôn luôn nhỏ hơn 10 và sẽ rơi vào vòng lặp vô hạn.

4. Vòng lặp do-while

- Tương tự vòng lặp while nhưng do-while sẽ thực thi 1 lần lăp đầu tiên rồi mới kiểm tra điều kiện. Vậy nên cho dù điều kiện sai thì vẫn có ít nhất 1 lần thực thi chương trình.

    let i = 10;

    do {
      console.log(i);
      i++;
    } 
    while (i > 30)

Donate Fanpage Group Youtube

Danh mục

Vòng lặp trong javascript

Bài viết liên quan