2021-11-04

最新推荐文章于 2023-10-20 13:40:30 发布

qq_40312477

最新推荐文章于 2023-10-20 13:40:30 发布

阅读量134

点赞数

文章标签： javascript 前端

原文链接：https://www.51-n.com/t-4517-1-1.html

版权

forEach使用

foreach 能够实现数组的遍历。
而对于HTMLCollection NodeList等类似于数组但又不是真正的数组，无法直接使用。在此记录一下。
参考链接: link.
解决方法
方法一：以HTMLCollection为例，人为增加一个将类数组对象转成数组的方法。

<script>
   HTMLCollection.prototype.toArray=function(){
      return [].slice.call(this);
   };
   document.getElementsByTagName('meta').toArray().forEach(function(e, i){
      console.log(e + '->' + i);
   });
</script>

方法二：直接为类数组对象原型增加一个forEach()方法

<script>
        HTMLCollection.prototype.forEach=function(callback){
                [].slice.call(this).forEach(callback);
        };
        document.getElementsByTagName('meta').forEach(function(e, i){
                console.log(e + '->' + i);
        });
</script>

方法三：使用Array.from()方法将类数组转换成数组 ECMASCRIPT 6新增方法 Firefox, Chrome and Edge较新版本都能支持

<script>
       Array.from(document.getElementsByTagName('meta')).forEach(function(e, i){
                console.log(e + '->' + i);
        });
</script>