Vòng lặp for trong JavaScript

Vòng lặp for trong JavaScript
Vòng lặp for trong JavaScript

Chức năng của Vòng lặp for trong JavaScript

Vòng lặp for trong JavaScript dùng để duyệt qua các giá trị trong một mảng hoặc đối tượng rồi lấy các giá trị hoặc khóa (key) của từng phần tử.

Code Vòng lặp for trong JavaScript

Vòng lặp for cơ bản trong JavaScript

<script>
for(let i=0;i<12;i++){
let thang = i+1;
document.write("Tháng "+thang+"<br>"); 
}
</script>

let i=0: khai báo biến i bằng 0.

i<12: điều kiện nếu biến i nhỏ hơn 12 thì tiếp tục chạy vòng lặp.

i++: mỗi vòng lặp thì i tăng lên 1.

Kết quả:

Tháng 1
Tháng 2
Tháng 3
Tháng 4
Tháng 5
Tháng 6
Tháng 7
Tháng 8
Tháng 9
Tháng 10
Tháng 11
Tháng 12
// for một mảng
document.write("<b>for một mảng</b><br>"); 
const mang = ["Lực", "Vân", "Quỳnh"];
for(let i=0; i< mang.length; i++){
var giatri = mang[i];
document.write(giatri+"<br>"); 
}

Kết quả:

Lực
Vân
Quỳnh

Chạy Thử

Vòng lặp for...in trong JavaScript

Dùng để lấy khóa (key) của một đối tượng và lấy giá trị của khóa (key):

<script>
let nhanvien1 = {ten: "Lực", tuoi: 35};
for (let key in nhanvien1) {
 document.write(key+" "+nhanvien1[key]+"<br>"); 
}
</script>

Kết quả:

ten Lực
tuoi 35

Chạy Thử

Vòng lặp for...of trong JavaScript

Dùng để lặp một mảng, chuỗi, Set, Map,... sau đó có thể lấy giá trị hoặc khóa (key) của chúng:

<script>
var mang = ["Vân","Lực","Quỳnh"];

// Lấy giá trị của mảng
document.write("<b>Lấy giá trị của mảng</b><br>"); 
for (let value of mang) {
document.write(value+"<br>"); 
}

// Lấy giá trị, khóa(key) của mảng
document.write("<b>Lấy giá trị, khóa(key) của mảng</b><br>"); 
for (let [key, giatri] of mang.entries()) {
document.write("Vị trí "+key+": "+giatri+"<br>"); 
}

// Lặp một chuỗi
document.write("<b>Lặp một chuỗi</b><br>"); 
var chuoi = "webmoi0705";
for (let value of chuoi) {
document.write(value+"<br>"); 
}
</script>

Kết quả:

Lấy giá trị của mảng
Vân
Lực
Quỳnh
Lấy giá trị, khóa(key) của mảng
Vị trí 0: Vân
Vị trí 1: Lực
Vị trí 2: Quỳnh
Lặp một chuỗi
w
e
b
m
o
i
0
7
0
5

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Vòng lặp for trong JavaScript.

  • 0 Bình luận
Trần Thị Vân | Content Creator Web Mới
Trần Thị Vân
Trần Thị Vân là Content Creator tại Web Mới, phụ trách nghiên cứu, biên soạn nội dung và chia sẻ kiến thức về website, SEO, lập trình cùng các xu hướng công nghệ
Chia sẻ nội dung đánh giá của bạn về Vòng lặp for trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Đăng ký tư vấn thiết kế website
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn