Làm thế nào để vòng lặp for bắt đầu trong javascript?

Một vòng lặp JavaScript cho thực thi một khối mã miễn là một điều kiện cụ thể là đúng. JavaScript cho các vòng lặp có ba đối số. khởi tạo, điều kiện và gia tăng. Biểu thức điều kiện được đánh giá trên mỗi vòng lặp. Một vòng lặp tiếp tục chạy nếu biểu thức trả về true

Các vòng lặp lặp lại cùng một khối mã cho đến khi đáp ứng một điều kiện nhất định. Chúng rất hữu ích cho nhiều tác vụ lập trình lặp đi lặp lại

Ví dụ: bạn có thể có hai danh sách tên—tên và họ—mà bạn muốn hợp nhất thành danh sách tên đầy đủ. Bạn có thể viết một dòng mã cho mỗi tên, nhưng điều đó có thể yêu cầu hàng trăm dòng mã nếu danh sách dài. Ngoài ra, nếu bạn không chắc danh sách sẽ dài bao nhiêu thì sao?

Tìm trận đấu Bootcamp của bạn

• Career Karma kết hợp bạn với các bootcamp công nghệ hàng đầu
• Truy cập học bổng độc quyền và các khóa học chuẩn bị

By continuing you agree to our Terms of Service and Privacy Policy , and you consent to receive offers and opportunities from Career Karma by telephone, text message, and email.

Có hai loại vòng lặp chính được sử dụng trong JavaScript. vòng lặp while và vòng lặp for. Các vòng lặp While dựa trên một điều kiện và chạy khi điều kiện đó bằng true. Các vòng lặp chạy trong khi một số điều kiện nhất định là đúng. Họ có thể đếm số lần lặp mà vòng lặp tạo ra

Trong hướng dẫn này, chúng ta sẽ khám phá những kiến ​​thức cơ bản về vòng lặp JavaScript. Chúng ta cũng sẽ thảo luận về các vòng lặp for…in và for…of JavaScript và sử dụng một vài ví dụ để minh họa cách các vòng lặp này hoạt động trong JavaScript

JavaScript cho vòng lặp

Vòng lặp for chạy lặp đi lặp lại cùng một mã miễn là thỏa mãn điều kiện. Mỗi lần lặp lại của một vòng lặp chạy cùng một mã với một giá trị khác nhau. Cú pháp của vòng lặp for như sau

for (initialization; condition; increment) {
	// Execute code
}

Cú pháp này khá phức tạp, vì vậy hãy chia nhỏ nó ra và xác định từng thuật ngữ mà chúng ta đã sử dụng

Khởi tạo được sử dụng để khai báo một biến đếm. Biến này mà chúng tôi theo dõi số lần vòng lặp của chúng tôi đã được thực hiện

Điều kiện là điều kiện được đánh giá trước khi mỗi vòng lặp bắt đầu. Nếu điều kiện bằng true , mã trong vòng lặp for sẽ chạy. Nếu điều kiện trở thành sai, vòng lặp sẽ ngừng chạy

Phần tăng cập nhật bộ đếm vòng lặp mỗi khi vòng lặp được thực thi

Hãy sử dụng một ví dụ cơ bản để cho thấy vòng lặp for hoạt động như thế nào trong JavaScript. Đây là một vòng lặp in ra các số từ 0 đến 5

for (let i = 0; i < 5; i++) {
	console.log(i);
};

Mã của chúng tôi trả về như sau

0
1
2
3
4

Bạn có thể thấy rằng mã của chúng tôi đã được thực thi lặp đi lặp lại cho đến khi điều kiện vòng lặp của chúng tôi được đáp ứng. Khi số 4 được in ra bảng điều khiển JavaScript, vòng lặp của chúng tôi dừng lại. Điều này là do chúng tôi đã hướng dẫn vòng lặp của mình in ra các số trong phạm vi 0 và 5

Các thành phần của vòng lặp For trong JavaScript

Hãy chia nhỏ ví dụ của chúng ta về các thành phần của vòng lặp for

"Career Karma bước vào cuộc đời tôi khi tôi cần nó nhất và nhanh chóng giúp tôi phù hợp với bootcamp. Hai tháng sau khi tốt nghiệp, tôi đã tìm được công việc mơ ước phù hợp với giá trị và mục tiêu của mình trong cuộc sống. "

Venus, Kỹ sư phần mềm tại Rockbot

Khởi tạo

Khởi tạo vòng lặp của chúng tôi khai báo một biến theo dõi số lần vòng lặp của chúng tôi đã thực hiện. Trong ví dụ trên, chúng tôi đã sử dụng let i = 0;. Điều này báo cho chương trình của chúng ta bắt đầu một bộ đếm gọi là i có giá trị ban đầu là 0

Thông thường, các biến khởi tạo có tên i. Tuy nhiên, bạn có thể sử dụng bất kỳ tên biến nào bạn muốn

Điều kiện, tình trạng, trạng thái

Vòng lặp của chúng tôi sử dụng điều kiện i < 5. Điều này cho chương trình của chúng tôi biết rằng vòng lặp của chúng tôi chỉ nên chạy khi biến i nhỏ hơn 5

Nếu i bằng hoặc lớn hơn 5 thì vòng lặp của chúng ta sẽ dừng lại

Tăng

Vào cuối vòng lặp for của chúng tôi, mã của chúng tôi sử dụng i++ , như một số gia. Tính năng này yêu cầu chương trình của chúng tôi thêm 1 vào biến i mỗi khi vòng lặp được thực hiện

Đối với vòng lặp JavaScript. Làm thế nào nó hoạt động

Bây giờ chúng ta đã chia nhỏ vòng lặp của mình, chúng ta có thể thảo luận về cách thức hoạt động của vòng lặp nói chung. Đây là mã từ vòng lặp chúng tôi đã sử dụng ở trên

for (let i = 0; i < 5; i++) {
	console.log(i);
};

Để bắt đầu, chúng ta khai báo một vòng lặp for. Vòng lặp này có một biến khởi tạo được đặt thành 0. Vì vậy, bộ đếm của chúng tôi bắt đầu từ 0

Sau đó, chúng tôi tuyên bố rằng vòng lặp của chúng tôi sẽ chạy khi tôi nhỏ hơn 5

Mã của chúng tôi tăng bộ đếm i lên một lần mỗi khi vòng lặp của chúng tôi chạy. Nếu điều kiện của chúng tôi được đáp ứng, mã trong vòng lặp của chúng tôi sẽ chạy, điều này mang lại cho chúng tôi kết quả mà chúng tôi đã thấy ở trên. Vì vậy, mã của chúng tôi lặp qua một khối mã cho đến khi i bằng hoặc lớn hơn năm, sau đó mã của chúng tôi dừng lại

Nếu chúng ta tạo ra một tình huống trong đó điều kiện của chúng ta luôn được đánh giá là đúng, thì vòng lặp sẽ trở thành vô hạn. Các vòng lặp vô hạn tiếp tục vô tận trừ khi chúng ta thêm câu lệnh ngắt

Sau đó, mã của chúng tôi sẽ in ra i khi câu lệnh for được thực thi

Điều đáng chú ý là mọi đối số trong vòng lặp for đều là tùy chọn. Ví dụ: nếu chúng ta đã khai báo một biến khởi tạo, chúng ta không cần khai báo biến mới trong vòng lặp for. Dưới đây là một ví dụ về vòng lặp for được sử dụng với hai đối số. một điều kiện và một sự gia tăng

let i = 0;

for (; i < 5; i++) {
	console.log(i);
};

mã của chúng tôi trả về

0
1
2
3
4

Chúng tôi phải bao gồm dấu chấm phẩy mặc dù chúng tôi chưa chỉ định biến khởi tạo cho vòng lặp của mình. Điều này là do dấu chấm phẩy được sử dụng để cho chương trình biết vị trí khởi tạo, điều kiện và số gia xuất hiện. Không có dấu chấm phẩy, JavaScript không thể diễn giải vòng lặp của chúng ta

JavaScript cho… trong vòng lặp

vòng lặp for…in có thể được sử dụng để lặp lại các mục trong một đối tượng có thể lặp lại. Đây là cú pháp cho vòng lặp for…in trong JavaScript

for (variable in object) {
	// Execute code
}

vòng lặp for…in rất hữu ích nếu chúng ta muốn chạy một khối mã nhất định dựa trên số lượng thuộc tính trong một đối tượng. Ví dụ: chúng ta có thể có một đối tượng sinh viên có các thuộc tính mà chúng ta muốn in ra bàn điều khiển

Đây là một ví dụ về vòng lặp for…in sẽ lặp qua mọi mục trong đối tượng sinh viên và in ra từng thuộc tính

const student = {
	name: "Mark Redmond",
	gpa: 3.7,
	age: 17
};

for (item in student) {
	console.log(item);
}

chương trình của chúng tôi trả về như sau

________số 8

Như bạn có thể thấy, chương trình của chúng tôi đã lặp qua từng mục trong đối tượng sinh viên và in ra tên thuộc tính của nó. Nếu chúng tôi muốn in ra giá trị của từng mục, chúng tôi có thể sử dụng mã này

for (item in student) {
	console.log(student[item]);
}

Mã của chúng tôi trả về như sau

for (let i = 0; i < 5; i++) {
	console.log(i);
};

Chúng tôi đã sử dụng mã student[item] để lấy giá trị của từng mục trong đối tượng có thể lặp lại của chúng tôi. Sau đó, chúng tôi đã in vật phẩm ra bàn điều khiển bằng bàn điều khiển. nhật ký()

JavaScript cho…vòng lặp

Các vòng lặp for…in rất hữu ích khi bạn muốn lặp lại các thuộc tính trong một đối tượng. Bạn nên sử dụng vòng lặp for…of if Nhưng nếu bạn muốn lặp qua các mục trong một đối tượng

Hãy lặp qua một mảng sinh viên và in tên của họ ra bàn điều khiển

for (let i = 0; i < 5; i++) {
	console.log(i);
};

Mã của chúng tôi trả về như sau

for (let i = 0; i < 5; i++) {
	console.log(i);
};

Như bạn có thể thấy, vòng lặp for…of của chúng ta đã lặp qua mọi mục trong mảng sinh viên. Mỗi mục được in ra bàn điều khiển

Vòng lặp for…of ngắn gọn hơn vòng lặp for thông thường. Điều này làm cho vòng lặp for…of dễ đọc hơn. Nguyên tắc chung của lập trình là sử dụng đúng công cụ cho công việc. Các vòng lặp for…of sẽ dễ hiểu hơn nếu bạn muốn lặp qua một danh sách. Vì vậy, bạn nên sử dụng vòng lặp for…of khi có thể

Tương tự, chúng ta có thể sử dụng for…of trên một chuỗi để lặp qua các ký tự thành phần của nó. Đây là một ví dụ về điều này trong hành động

for (let i = 0; i < 5; i++) {
	console.log(i);
};

Kết quả của mã của chúng tôi là

for (let i = 0; i < 5; i++) {
	console.log(i);
};

Chương trình của chúng tôi đã lặp qua từng chữ cái trong biến tên, sau đó in chúng ra từng chữ cái ra bàn điều khiển

Điều này có thể hữu ích nếu bạn muốn kiểm tra xem một ký tự có xuất hiện trong một chuỗi hay không.

Phần kết luận

Vòng lặp for là một tính năng hữu ích trong JavaScript cho phép bạn chạy một khối mã trong khi một điều kiện nhất định được đánh giá là đúng

Trong bài viết này, chúng tôi đã chia nhỏ cách hoạt động của vòng lặp for và cách bạn có thể sử dụng chúng trong JavaScript. Chúng ta cũng đã thảo luận về cách sử dụng các vòng lặp for…in và for…of trong JavaScript. Bây giờ bạn đã sẵn sàng để bắt đầu tự động hóa các tác vụ lặp đi lặp lại bằng cách sử dụng vòng lặp for như một chuyên gia JavaScript

Vòng lặp for bắt đầu như thế nào?

Vòng lặp for bắt đầu từ 0 hay 1?

Vòng lặp for được thực thi như thế nào trong JavaScript?

Vòng lặp for bắt đầu như thế nào trong JavaScript quizlet?