Giảm giá Thứ Sáu Đen của Udemy — Hàng nghìn khóa học Phát triển Web & Phát triển Phần mềm đang được giảm giá chỉ với $10 trong thời gian giới hạn. Chi tiết đầy đủ và đề xuất khóa học có thể được tìm thấy ở đây
nè mọi người. Đây sẽ là phần giới thiệu nhanh về
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {0 và
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {1 trong JavaScript. Bài viết này được viết để giới thiệu cho bạn các phương pháp mới mà bạn có thể sử dụng thay vì luôn sử dụng các vòng lặp
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {0
console.log[arr[i]]
}// cat
// dog
// fish
vòng lặp for
Đây là một phần bồi dưỡng nhanh và đơn giản trên vòng lặp
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {0
console.log[arr[i]]
}// cat
// dog
// fish
Bạn có thể đã sử dụng vòng lặp
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {0 trước đây. Đây là vòng lặp cơ bản nhất trong JavaScript và khá linh hoạt. Đây là cú pháp vòng lặp
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {0 cơ bản
console.log[arr[i]]
}// cat
// dog
// fish
for [i = 0; i < 10; i++] {
// do something
}Vòng lặp
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {0 của chúng ta bao gồm ba câu lệnh, một câu lệnh được thực thi trước khi vòng lặp của chúng ta bắt đầu [
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {5 ], một câu lệnh xác định khoảng thời gian vòng lặp của chúng ta sẽ chạy [
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {6 ] và một câu lệnh được thực thi sau mỗi vòng lặp [
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {7 ]
console.log[arr[i]]
}// cat
// dog
// fish
Trong ví dụ này, chúng tôi đang đặt
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {5 trước khi vòng lặp của chúng tôi bắt đầu. Chúng tôi sẽ tiếp tục lặp miễn là
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {6 và mỗi lần lặp của vòng lặp sẽ tăng
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {10 lên một. Cuối cùng, trong ngoặc của chúng tôi là mã sẽ được chạy trên mỗi lần lặp của vòng lặp
console.log[arr[i]]
}// cat
// dog
// fish
Cho mỗi
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {11 là một phương thức Mảng mà chúng ta có thể sử dụng để thực thi một hàm trên từng phần tử trong một mảng. Nó chỉ có thể được sử dụng trên Mảng, Bản đồ và Bộ
console.log[arr[i]]
}// cat
// dog
// fish
Một ví dụ đơn giản là
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {12 mỗi phần tử của một mảng. Đây là những gì nó có thể trông như thế nào với một vòng lặp
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {0
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {
console.log[arr[i]]
}// cat
// dog
// fish
Tuyệt quá. nó hoạt động. Đây là cách chúng tôi thực hiện điều tương tự với phương pháp
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {14
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {1
console.log[arr[i]]
}// cat
// dog
// fish
Khi sử dụng
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {11, chúng ta chỉ cần chỉ định chức năng gọi lại. Cuộc gọi lại này sẽ được thực hiện trên từng phần tử trong mảng
console.log[arr[i]]
}// cat
// dog
// fish
Tại
Đây là cú pháp của
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {1 trông như thế nào
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {9
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {1 được sử dụng để lặp lại vô số thuộc tính của các đối tượng. Mỗi thuộc tính trong một đối tượng sẽ có giá trị
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {18 — nếu giá trị đó được đặt thành
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {19, thì thuộc tính đó là
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {18
console.log[arr[i]]
}// cat
// dog
// fish
Vui lòng nói tiếng Anh
Hãy nhớ rằng, khi bạn tạo một Đối tượng, nó sẽ kế thừa một số phương thức nhất định từ nguyên mẫu của nó. Ví dụ, phương pháp
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {91. Đây là những thứ không thể đếm được. Bất kỳ thuộc tính nào bạn thêm vào một đối tượng phần lớn sẽ là vô số. Hãy xem xét một ví dụ để giúp hiểu. Trong ví dụ bên dưới, chúng tôi sẽ đăng xuất từng giá trị đếm được trong đối tượng
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {4
console.log[arr[i]]
}// cat
// dog
// fish
Tốt hơn nữa, chúng ta có thể đăng xuất cả cặp
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {92 và
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {93
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {7
console.log[arr[i]]
}// cat
// dog
// fish
Đừng quên, mảng cũng là đối tượng — nghĩa là chúng ta cũng có thể sử dụng vòng lặp
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {1 trên Mảng
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {8
console.log[arr[i]]
}// cat
// dog
// fish
Và vì mỗi ký tự trong chuỗi đều có chỉ mục, chúng ta thậm chí có thể sử dụng
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {1 trên chuỗi. Kiểm tra cái này
console.log[arr[i]]
}// cat
// dog
// fish
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {9
console.log[arr[i]]
}// cat
// dog
// fish
Ghi chú. Vòng lặp
const arr = ['cat', 'dog', 'fish'];for [i = 0; i < arr.length; i++] {1 thực thi theo một thứ tự tùy ý và không nên dựa vào nếu bạn cần lặp theo một thứ tự cụ thểGhi chú kết thúc
console.log[arr[i]]
}// cat
// dog
// fish
Cảm ơn đã đọc, và hy vọng điều này hữu ích
Nếu bạn đã sẵn sàng học Phát triển web, hãy xem Hướng dẫn cơ bản để học phát triển web Full Stack trong 6 tháng
Tôi xuất bản 4 bài viết về phát triển web mỗi tuần. Vui lòng cân nhắc nhập email của bạn tại đây nếu bạn muốn được thêm vào danh sách email mỗi tuần một lần của tôi hoặc theo dõi tôi trên Twitter
Dùng forEach hay for of thì tốt hơn?
forEach gần giống với for hoặc for. của , chỉ chậm hơn . Không có nhiều sự khác biệt về hiệu suất giữa hai vòng lặp và bạn có thể sử dụng bất kỳ thuật toán nào phù hợp hơn với thuật toán. Không giống như trong AssemblyScript, tối ưu hóa vi mô của vòng lặp for không có ý nghĩa đối với mảng trong JavaScript.
Đâu là sự khác biệt giữa for in for of và forEach[]?
Với hai cấu trúc khác, forEach[] và for/of , bạn có quyền truy cập vào chính phần tử mảng đó. Với forEach[] bạn có thể truy cập chỉ số mảng i , với for/of bạn không thể .
Cái nào tốt hơn for hoặc forEach trong JavaScript?
ForEach nhận một hàm gọi lại và thực thi trên từng giá trị trong mảng. Phương thức forEach trông ngắn gọn hơn vòng lặp For. Nhưng có những trường hợp chúng ta cần vòng lặp for, hay có thể nói vòng lặp for tốt hơn vòng lặp forEach
Sự khác biệt giữa vòng lặp for of và for in trong JavaScript là gì?
Sự khác biệt giữa for. của và cho. Trong
. Cho. trong câu lệnh lặp qua vô số thuộc tính chuỗi của một đối tượng, trong khi câu lệnh for. of câu lệnh lặp lại các giá trị mà đối tượng có thể lặp lại xác định sẽ được lặp lại .