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

Bài viết liên quan

Từ khóa this

Scope và scope chain trong javascript

Nguyên lý Javascript thực thi chương trình

Bất đồng bộ trong javascript

Lập trình hướng đối tượng

Event trong javascript