,%20Phần%201%20!!!)
Người Viết : ViKiMi Editor
Thiết kế Website sử dụng For In và Array for-each thật đơn giản hiệu quả. Mang lại cách làm việc mới hơn nữa !
Tương tự vòng lặp For được sử dụng trong JavaScript, chúng ta có thể sử dụng vòng lặp For In để truy cập các giá trị mong muốn. Chúng ta có thể sử dụng For In để kiểm soát cách rõ rang những gì chúng ta cần. Điều này là điểm mạnh khi sử dụng Vòng lặp For In, Vòng lặp For In như một trang bị mạnh hơn của JS
Vậy chúng ta có thể nắm bắt cách sử dụng vòng lặp For In như thế nào?
+ Không khó khăn cho vấn đề này, Với những lý thuyết tương đối dễ dàng để kiểm soát nó
+ Đây cũng là điểm mạnh khi sử dụng JavaScript
LÝ THUYẾT CƠ BẢN VỀ VÒNG LẶP FOR IN
A ] Vòng lặp For In dung để duyệt qua các thuộc tính của đối tượng
CÚ PHÁP SỬ DỤNG :
for (key in object) {
/*
* Khối lệnh thực thi sử dụng tại đây
*/
}
Chúng ta thấy khóa key được dùng để giúp duyệt qua các thuộc tính của đối tượng
Tham khảo Ví Dụ sau đây
Example :
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript For In Loop</h2>
<p> Sử dụng For In duyệt qua các thuộc tính </p>
<p id="paragraph_01"></p>
<script>
const employees = {vanphong:"LE A", maytinh:"LE B", tuoi:25};
let txt_employees = "";
for (let key in employees) {
txt_employees += employees[key] + " ";
}
document.getElementById("paragraph_01").innerHTML = txt_employees;
</script>
</body>
</html>
Giải Thích Ví Dụ :
+ Duyệt qua các đối tượng Nhân Viên / Employees
+ Chúng ta sử dụng Khóa key để truy cập vào các giá trị thuộc tính
+ Giá trị thuộc tính lấy được nhờ employees[key]
B ] Vòng lặp For In dung để duyệt qua các thuộc tính của Mảng
CÚ PHÁP SỬ DỤNG :
for (variable in array) {
/*
* Khối lệnh thực thi sử dụng tại đây
*/
}
Chúng ta thấy variable được dùng để giúp duyệt qua các thuộc tính của Mảng
Tham khảo Ví Dụ sau đây
Example :
<!DOCTYPE html>
<html>
<body>
<h2>For In Loops</h2>
<p>Sử dụng For In duyệt qua các giá trị Mảng</p>
<p id="Paragraph_01"></p>
<script>
const numbers = [15, 14, 19, 20];
let txt_numbers = "";
for (let variable in numbers) {
txt_numbers += numbers[variable] + "<br>";
}
document.getElementById("paragraph_01").innerHTML = txt_numbers;
</script>
</body>
</html>
CHÚ Ý QUAN TRỌNG :
+ Bạn nên cân nhắc sử dụng For In khi muốn duyệt qua các giá trị mảng. Vì khi Bạn sử dụng For In thì chương trình luôn xảy ra là thứ tự truy xuất mảng phụ thuộc vào việc triển khai của chương trình javascript, do đó các giá trị mảng có thể không được truy cập theo thứ tự bạn mong đợi.
+ Khuyến cáo : Không sử dụng for in để duyệt một mảng nếu thứ tự chỉ mục quan trọng.
+ Tốt hơn hết là bạn nên sử dụng vòng lặp for, vòng lặp for of hoặc Array.forEach() trong trường hợp như vậy
C ] Vòng lặp Array.forEach dùng gọi một Function (Callback Function) áp dụng trên từng phần tử mảng
CÚ PHÁP SỬ DỤNG :
Array.forEach(Callback_Function);
Tham khảo Ví Dụ sau đây
Example :
<!DOCTYPE html>
<html>
<body>
<h2>The Array.forEach() Method</h2>
<p>Gọi Hàm gọi lại cho từng phần tử Mảng</p>
<p id="paragraph_01"></p>
<script>
const numbers = [15, 14, 19, 20];
let txt_numbers = "";
numbers.forEach(my_cbFunction);
document.getElementById("paragraph_01").innerHTML = txt_numbers;
function my_cbFunction(value, index, array) {
txt_numbers += value + "<br>";
}
</script>
</body>
</html>
JavaScript cung cấp cho chúng ta 3 tham số có thể sử dụng ở đây là :
+ value : Giá trị phần tử mảng
+ index : Chỉ số mục
+ array : Bản thân mảng
Tổng kết, thật đơn giản khi bạn muốn sử dụng For In Array . forEach trong ngôn ngư JavaScript. Nếu bạn sử dụng để lập trình thì điều này bổ trợ rất nhiều cho các trường hợp lặp For không thể giả quyết được vấn đề. Thật hữu ích khi bạn dùng các trang bị mới này của JavaScript.
