Công ty thiết kế website chuẩn SEO Web Mới
Tìm kiếm
Công ty thiết kế website chuẩn SEO Web Mới

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ử, chi tiết như nào hãy cùng chúng tôi phân tích:

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>"); 
}
// 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>"); 
}
</script>

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
Lực
Vân
Quỳnh

Chạy Thử

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.

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>
// Lấy giá trị của mảng
document.write("<b>Lấy giá trị của mảng</b><br>"); 
var mang = ["Vân","Lực","Quỳnh"];
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
Content Trần Ngọc Thanh
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 *
Đá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 miễn phí
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn
JAVASCRIPT Sự kiện
Kiến thức PHP
Kiến thức về website
Kiến thức SEO website
0398.259.259