Phương thức JavaScript forEach là một trong nhiều cách để lặp qua các mảng. Mỗi phương pháp có các tính năng khác nhau và tùy thuộc vào việc bạn đang làm, quyết định sử dụng phương pháp nào. Trong bài đăng này, chúng ta sẽ xem xét kỹ hơn về

Bạn đang xem: javascript foreach trong mảng

Phương thức JavaScript forEach là một trong nhiều cách để lặp qua các mảng. Mỗi phương pháp có các tính năng khác nhau và tùy thuộc vào việc bạn đang làm, quyết định sử dụng phương pháp nào.

Trong bài đăng này, chúng ta sẽ xem xét kỹ hơn phương thức JavaScript forEach.

Xem xét rằng chúng ta có mảng sau:

  constumbers = [1, 2, 3, 4, 5];  

Sử dụng “vòng lặp for” truyền thống để lặp qua mảng sẽ như thế này :

  for (i = 0; i & lt ;umbers.length; i ++) {
  console.log (số [i]);
}  

Điều gì làm cho phương thức forEach () khác biệt?

Phương thức forEach cũng được sử dụng để lặp qua các mảng, nhưng nó sử dụng một hàm khác với “vòng lặp for” cổ điển.

Phương thức forEach chuyển hàm gọi lại cho mỗi phần tử của mảng cùng với các tham số sau:

  • Giá trị hiện tại (bắt buộc) – giá trị của phần tử mảng hiện tại
  • Chỉ mục (tùy chọn) – Số chỉ mục của phần tử hiện tại
  • Mảng (tùy chọn) – Đối tượng mảng mà phần tử hiện tại thuộc về
  • Hãy để tôi giải thích các tham số này từng bước.

    Đầu tiên, để lặp qua một mảng bằng phương thức forEach, bạn cần một hàm gọi lại (hoặc hàm ẩn danh):

      number. forEach (function () {
        // mã số
    });  

    Hàm sẽ được thực thi cho mọi phần tử của mảng. Nó phải nhận ít nhất một tham số đại diện cho các phần tử của mảng:

     umbers.forEach (function (number) {
        console.log (số);
    });  

    Đó là tất cả những gì chúng ta cần làm để lặp qua mảng:

    Ads-z-2

    Ngoài ra, bạn có thể sử dụng Biểu diễn hàm mũi tên ES6 để đơn giản hóa mã:

     umbers.forEach (number = & gt; console.log (number));  

    Biểu diễn hàm mũi tên

    Tham số tùy chọn

    Chỉ mục

    Bây giờ chúng ta hãy tiếp tục với các tham số tùy chọn. Tham số đầu tiên là tham số “index”, đại diện cho số chỉ mục của mỗi phần tử.

    Về cơ bản, chúng ta có thể thấy số chỉ mục của một phần tử nếu chúng ta đưa nó vào làm tham số thứ hai:

     umbers.forEach ((number , index) = & gt; {
        console.log ('Chỉ mục:' + chỉ mục + 'Giá trị:' + số);
    });  

    Ads-z-3

    Mảng

    Tham số mảng là chính mảng. Nó cũng là tùy chọn và có thể được sử dụng nếu cần thiết trong các hoạt động khác nhau. Ngược lại, nếu chúng ta gọi nó, nó sẽ chỉ được in nhiều lần bằng số phần tử của mảng:

     umbers.forEach ((number, index, mảng) = & gt; {
        console.log (mảng);
    });  

    Ads-z

    Bạn có thể xem ví dụ về cách sử dụng phương thức forEach () trong video này:

    Hỗ trợ trình duyệt

    Phương thức Array.forEach được hỗ trợ trong tất cả các trình duyệt mong đợi IE phiên bản 8 trở xuống:

    Nếu bạn muốn tìm hiểu thêm về Phát triển web, vui lòng truy cập Kênh Youtube của tôi.

    Cảm ơn bạn đã đọc!


Xem thêm những thông tin liên quan đến chủ đề javascript foreach trong mảng

Array ForEach in JavaScript

alt

  • Tác giả: Todd Motto
  • Ngày đăng: 2020-04-29
  • Đánh giá: 4 ⭐ ( 1308 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript Array ForEach!
    📚 Get the FREE eBook:
    https://ultimatecourses.com/ebooks/exploring-javascript-array-methods
    🎓 Become a JavaScript expert:
    https://ultimatecourses.com/courses/javascript
    🐤 Follow me on Twitter:
    https://twitter.com/toddmotto

forEach trong JavaScript và cách lấy phần tử trong mảng theo thứ tự

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 5 ⭐ ( 4707 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách sử dụng forEach trong JavaScript. Bạn sẽ học được cách sử dụng forEach để lấy các phần tử trong mảng theo thứ tự, sự khác biệt giữa forEach và for of, cũng như các ứng dụng khác nhau củ

Vòng lặp forEach trong JavaScript

  • Tác giả: hocjavascript.net
  • Đánh giá: 4 ⭐ ( 2779 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong JavaScript, để có thể duyệt mảng thì forEach là một hàm rất hay. Vậy hàm forEach trong JavaScript cụ thể là như thế nào và cách

forEach trong Javascript

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 7013 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 1. Đặt vấn đề Xét một ví dụ đơn giản : ” Tính tổng của mảng numbers = [1,2,3,4,5,6]” .

Duyệt mảng trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 3 ⭐ ( 6491 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Duyệt mảng trong JavaScript – Lập Trình Từ Đầu 1 JavaScript Căn Bản

Hàm forEach() trong Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 4483 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách sử dụng hàm forEach trong javascript, forEach javascript là hàm dùng để lặp qua các phần tử của mảng một cách dễ dàng, xem cú pháp và ví dụ tại đây

Array forEach() trong JavaScript

  • Tác giả: hoclaptrinh.vn
  • Đánh giá: 5 ⭐ ( 9187 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Array forEach() trong JavaScript Phương thức array forEach() Javascript gọi một hàm cho mỗi phần tử trong mảng.Cú pháp Array forEach()

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Đối tượng JavaScript - javascript thêm vào đối tượng

By ads_php