Hoàn toàn khác so với for…in đã học ở bài trước, vòng lặp for…of trong JavaScript có thể lặp qua các giá trị của mảng, thậm chí là chuỗi.
Cú pháp
1
2
3
for
(
variable
of
iterable
)
{
// code block to be executed
}
Trong đó:
- variable: Giá trị của array qua mỗi lần lặp, mỗi lần lặp nó sẽ gán giá trị cho biến này. Biến này có thể được khai báo với từ khóa
var,lethoặcconst. - iterable: Một array hoặc một mảng ban đầu dùng để lặp
Vòng lặp for…of được thêm JavaScript vào năm 2015 (ES6)
Lặp mảng
1
2
3
4
var
colors
=
[
‘red’
,
‘white’
,
‘yellow’
]
;
for
(
var
x
of
colors
)
{
console
.
log
(
x
)
;
}
Biến x ở đây sẽ chứa các giá trị của mảng qua các lần lặp. Nên các bạn không cần phải viết kiểu colors[x] như ở các vòng lặp for khác nữa.
Lặp chuỗi
Bạn thậm chí có thể lặp chuỗi với vòng lặp for…of:
1
2
3
4
5
6
var
website
=
‘vi-magento’
;
var
text
=
“”
;
for
(
var
x
of
website
)
{
text
+=
`
$
{
x
}
`
;
}
console
.
log
(
text
)
;
//v i – m a g e n t o
Tổng kết
Ở bài viết sau chúng ta sẽ tìm hiểu về vòng lặp cuối cùng đó là vòng lặp while và do…while nhé.
Tham khảo: https://www.w3schools.com/
