为什么要用foreach来代替for

本文通过一个简单的C#示例程序,展示了使用for循环与foreach循环遍历列表时的不同表现。实验结果显示,在遍历过程中,foreach循环仅执行了一次列表获取操作,而for循环则在每次迭代时都调用了列表的Count属性,导致了额外的性能开销。
看个例子,就可以看出原因

 
        public static void Main(string[] args)
        {
            Console.WriteLine(
"进入For循环");
            
for(int i=0;i<List().Count;i++){
                Console.WriteLine(i.ToString());
            }
            Console.WriteLine(
"进入Foreach循环");
            
foreach(int i in List()){
            Console.WriteLine(i.ToString());
            }
            Console.WriteLine(
"结束");
            Console.ReadKey(
true);
        }
        
static List<int> List(){
            List
<int> l = new List<int>();
            l.Add(
1);
            l.Add(
2);
            Console.WriteLine(
"添加一次函数");
            
return l;
            
        }


执行结果如下

进入For循环
添加一次函数
0
添加一次函数
1
添加一次函数
进入Foreach循环
添加一次函数
1
2
结束


要熄灯了,虽然程序小有问题,但基本能看出for一共执行了三次函数list而foreach只执行了必要的一次,由此可见,foreach效率比for要高上许多
### IE11 中 `querySelectorAll` 结合 `forEach` 报错的原因分析 #### 原因解释 在 IE11 中,虽然完全支持 `querySelectorAll` 方法并能够正常返回一个静态的 `NodeList` 集合[^4],但是该集合并不是真正的数组对象。它是一种类数组结构(array-like object),即拥有类似于数组的属性(如索引和长度),但却缺少许多现代 JavaScript 数组的方法,比如 `forEach`、`map` 等[^3]。因此,在尝试直接调用 `querySelectorAll` 返回结果上的 `forEach` 方法时,IE11 会抛出错误提示未定义方法。 #### 解决方案一:转换为真实数组后再遍历 最常用的方式就是利用 `Array.prototype.slice.call()` 将 `NodeList` 转换成标准数组之后再执行 `forEach` 操作: ```javascript // 获取所有目标元素并将 NodeList 转化成 Array var elements = Array.prototype.slice.call(document.querySelectorAll('.example')); // 正常使用 forEach 进行迭代处理 elements.forEach(function(element){ console.log('Processing element:', element); }); ``` 另一种更加简洁的做法是在 ES6+ 环境下使用扩展运算符完成同样的任务: ```javascript let elements = [...document.querySelectorAll('.example')]; elements.forEach((element) => { console.log('Processing element:', element); }); ``` 注意:如果运行环境不支持箭头函数或者解构赋值语法,则需要回退到传统方式编写代码。 #### 解决方案二:手动模拟 foreach 功能 如果不希望依赖额外工具库或改变原有逻辑流程的话,也可以自己动手实现简易版的循环机制代替原生 `forEach` 函数的功能: ```javascript function customForEach(nodeList, callbackFn){ for(var i=0;i<nodeList.length;i++){ callbackFn(nodeList[i],i,nodeList); } } customForEach(document.querySelectorAll('.example'), function(item,index,list){ console.log(`Item at index ${index}:`, item); }); ``` 以上三种办法都可以有效规避掉因为浏览器兼容性而导致无法正常使用 `forEach` 的问题。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值