Array forEach() trong JavaScript

Miêu tả

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

Cú pháp của nó như sau:

array.forEach(callback[, thisObject]);

Chi tiết về tham số

callback − Hàm để kiểm tra mỗi phần tử của mảng.
thisObject − Đối tượng để sử dụng như là một this khi thực thi callback.

Trả về giá trị

Trả về mảng được tạo ra.

Khả năng tương thích

Phương thức này là một phần JavaScript bổ sung tới chuẩn ECMA-262. Để khiến nó làm việc, bạn thêm code sau vào phần trên cùng của script của bạn.

if (!Array.prototype.forEach)
{
   Array.prototype.forEach = function(fun /*, thisp*/)
   {
      var len = this.length;
      if (typeof fun != "function")
      throw new TypeError();
      
      var thisp = arguments[1];
      for (var i = 0; i < len; i++)
      {
         if (i in this)
         fun.call(thisp, this[i], i, this);
      }
   };
}

Ví dụ

Bạn thử ví dụ sau:

<html>
   <head>
      <title>JavaScript Array forEach Method</title>
   </head>
   
   <body>
   
      <script type="text/javascript">
         if (!Array.prototype.forEach)
         {
            Array.prototype.forEach = function(fun /*, thisp*/)
            {
               var len = this.length;
               
               if (typeof fun != "function")
               throw new TypeError();
               
               var thisp = arguments[1];
               for (var i = 0; i < len; i++)
               {
                  if (i in this)
                  fun.call(thisp, this[i], i, this);
               }
            };
         }
         
         function printBr(element, index, array) {
            document.write("<br />[" + index + "] is " + element ); 
         }
         [12, 5, 8, 130, 44].forEach(printBr);
      </script>
      
   </body>
</html>

Kết quả

[0] is 12
[1] is 5
[2] is 8
[3] is 130
[4] is 44

Các bài học JavaScript khác tại s2sontech: