Vòng lặp for trong JavaScript
Trần Ngọc Thanh
- 478
- 23/08/2025
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ử, chi tiết như nào hãy cùng chúng tôi phân tích:
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
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
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
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 Ngọc Thanh
Content Trần Ngọc Thanh là người viết content có kinh nghiệm nhiều năm tại Web Mới, chuyên viết content bên lĩnh vực website và nhiều lĩnh vực khác
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 *
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 *
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