JavaScript: Vòng Lặp ForEach Trong Mảng - Đại Phố Web & Hosting

Đại Phố Web Development > Blog > Lập trình > JavaScript: vòng lặp forEach trong mảng JavaScript: vòng lặp forEach trong mảng

Trong JavaScript, Phương thức forEach duyệt qua từng phần tử trong mảng theo thứ tự tăng dần và thực thi một hàm cho mỗi phần tử đó. Phương thức này sẽ không thực thi hàm đối với các phần tử mảng không có giá trị, không được khởi tạo hoặc đã bị xóa.

Cú pháp

arr.forEach( function callback(currentValue [, index[, array]] ) { //vòng lặp của bạn }[, thisArg] );

Khác với cú pháp lặp truyền thống, không có cách nào để ngừng vòng lặp forEach giữa chừng ngoài việc ném ra một ngoại lệ. Nếu vì một mục đích nào đó mà bạn cần ngừng vòng lặp thì nên dùng cách khác thay vì dùng forEach

Trong trường hợp đó bạn có thể dùng:

• Vòng lặp for đơn giản
• Vòng lặp for…of

Chuyển đổi vòng lặp for thành forEach

Hai đoạn code này tương đương nhau

const items = ['item1', 'item2', 'item3']; const copy = []; for (let i=0; i <items.length; i++) { copy.push(items[i]) }

và

const items = ['item1', 'item2', 'item3']; const copy = []; items.forEach(function(item){ copy.push(item) });

Tổng của tất cả các giá trị trong mảng:

var sum = 0; var numbers = [65, 44, 12, 4]; numbers.forEach(myFunction); function myFunction(item) { sum += item; document.getElementById("demo").innerHTML = sum; }

Nhân mỗi phần tử trong mảng với 10

var numbers = [65, 44, 12, 4]; numbers.forEach(myFunction) function myFunction(item, index, arr) { arr[index] = item * 10; } document.getElementById("demo").innerHTML = numbers;

Dịch vụ web

• Thiết kế web trọn gói
• Wordpress theme
• Wordpress Plugin
• Tối ưu hóa SEO
• Ứng dụng web-based/app trên nền web
• Phạm vi hoạt động: Tiền Giang, Long An, TP.HCM, Bình Dương, Đồng Nai
• Hotline: 03 6694 1906
• Email: kythuat@daipho.com

Kết nối

Share on Facebook Share Share on TwitterTweet Share on Pinterest Share Share on LinkedIn Share Share on Digg Share

Đại Phố Network Media

Từ khóa

Biểu thức chính quy Blogspot CSS HTML Javascript Joomla JQuery Laravel MyBB PHP PHP Regular Expressions Quản trị hệ thống SEO Smarty Wordpress

Mẫu web mới

DP Care Service: Mẫu trang web dịch vụ

DP Care Service là mẫu giao điện trang web dành riêng cho các loại hình dịch vụ, thích hợp cho cả nhà xưởng phụ trợ công nghiệp và dịch vụ dân dụng như: chăm sóc xe, dịch vụ gia công cho các nhà xưởng, dịch vụ y tế chăm sóc sức khỏe, dịch vụ cho thuê, dịch vụ vận tải, các loại hình gia công… [ + ]

DP Vegan Restaurant: giao diện nhà hàng thuần chay

DP Vegan Restaurant là giao diện trang web, template mẫu dành cho các nhà hàng chay, cơ sở chế biến thực phẩm chay hoặc các cửa hiệu thực phẩm thuần chay. Phù hợp cả 2 loại hình trang web bán hàng và trang web dịch vụ.… [ + ]

Organic Farm: mẫu trang web nông sản hữu cơ xanh/nhà vườn

Organic Farm là trang web thương mại đện tử dành cho công ty, cơ sở sản xuất, phân phối: nông trại trồng rau hữu cơ, siêu thị, nông sản, thực phẩm xanh, trái cây, thực phẩm healthy, thảo mộc dược liệu, cửa hàng trà thảo dược hữu cơ, vườn bếp… [ + ]

Thủ thuật

Các phương thức của đối tượng Woocommerce Product

Bạn đang muốn tìm hiểu về các phương thức và hàm của đối tượng $product trong… [ + ]

WordPress: tạo dải số phân trang cho danh mục/taxonomy

Khi viết code cho Wordpress theme, bạn muốn tạo phân trang cho danh mục là các… [ + ]

Xử lý Vấn đề INP: Chẩn đoán và gỡ lỗi

Ở trang 2 của bài viết: Xử lý Vấn đề INP của các URL trong Google Search… [ + ]