【foreach】

09-09
### forEach 在 JavaScript 中的使用 #### 基本概念 在 JavaScript 中,`forEach()` 方法专门用于对数组进行遍历。它需要一个函数作为参数,这个由用户定义但不由用户直接调用的函数被称为回调函数(callback),在 `forEach` 中,该回调函数会被调用多次,数组有几个元素,函数就调用几次。`forEach()` 通过回调函数将元素传递出来,元素信息以参数的形式传递进回调函数,可通过定义形参来获取元素信息 [^1]。 #### 回调函数参数 `forEach()` 的回调函数共有三个参数: 1. 当前被遍历的元素 2. 当前遍历的元素的索引 3. 当前正在被遍历的数组对象 示例代码如下: ```javascript let arr = ['孙悟空', '猪八戒', '沙和尚', '唐僧']; arr.forEach(function (element, index, array) { console.log('element=', element); console.log('index=', index); console.log('array=', array); }); ``` #### 注意事项 - `forEach()` 遍历的范围在第一次调用回调函数前就会确定,调用 `forEach` 后添加到数组中的项不会被回调函数访问到 [^3]。 示例代码: ```javascript var arr = [1, 2, 3, 4, 5]; let count = 0; arr.forEach(function (item, index, arr) { count++; if (item === 2) { arr.push(8); } console.log(item); }); console.log('count的值' + count); console.log(arr); ``` - `forEach()` 对于空数组是不会执行回调函数的 [^4]。 #### 适用场景 `forEach` 适用于需要对数组中的每个元素执行相同操作的场景,例如打印数组元素信息、对数组元素进行简单的计算等。但它没有返回值,若使用 `console.log` 打印其返回结果,会得到 `undefined` [^2]。 示例代码: ```javascript const nums = [1, 2, 3]; const result = nums.forEach((num, index) => { console.log(`第${index + 1}个数是:${num}`); }); console.log(result); // undefined ``` ### JSTL 里的 foreach 标签使用 #### 基本概念 JSTL 里的 `foreach` 是一个循环标签,类似于 Java 里的 `for` 循环,里面的变量相当于一个局部变量,除了 `foreach` 标签范围就无法使用 [^5]。 #### 相关属性 - `item`:表示一个集合。 - `var`:表示每次遍历的对象。 - `varStatus`:表示遍历的状态,包含以下属性: - `current`:当前这次迭代的(集合)项。 - `index`:当前这次迭代从 0 开始的迭代索引。 - `count`:当前这次迭代从 1 开始的迭代计数。 - `first`:用来标明当前这轮迭代是否为第一次迭代的标志。 - `last`:用来标明当前这轮迭代是否为最后一次迭代的标志。 - `begin`:返回 `begin` 属性值。 - `end`:返回 `end` 属性值。 - `step`:返回 `step` 属性值。 #### 适用场景 JSTL 的 `foreach` 标签适用于在 JSP 页面中对集合进行遍历,将集合中的数据展示在页面上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值