Array.forEach() & Using square brackets to obtain the value of a property

本文介绍了一种使用JavaScript遍历元素数组并为每个DOM元素创建引用的方法。通过forEach循环,文章展示了如何为tabslist、settingsbutton等元素设置引用,便于后续操作。
var domElements = [
  'tabslist', 'settingsbutton',
  'closetab', 'tryreloading', 'bookmarkmenu-add',
  'bookmarkmenuremove', 'bookmarkmenucancel', 'bookmarkmenuedit'
];

    domElements.forEach(function createElementRef(name) {
      dump('fangbo_elabel elabel_sar_init name = ' + name);
      this[name] = name;
    }, this);
在 JavaScript 中,`Array.prototype.forEach()` 方法用于对数组的每个元素执行一次提供的函数。以下是几种常见的 `array.forEach` 方法的写法: ### 基本语法 ```javascript array.forEach(callback(currentValue [, index [, array]])[, thisArg]) ``` 其中: - `callback`:为数组中每个元素执行的函数,该函数接收三个参数: - `currentValue`:数组中正在处理的当前元素。 - `index`(可选):数组中正在处理的当前元素的索引。 - `array`(可选):调用 `forEach()` 的数组。 - `thisArg`(可选):执行 `callback` 时用作 `this` 的值。 ### 示例 #### 数组迭代 ```javascript var txt = ""; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(function(value, index, array) { txt = txt + value + "<br>"; }); // 结果为 45 4 9 16 25 console.log(txt); ``` 上述代码中,使用 `forEach` 方法遍历 `numbers` 数组,将每个元素的值拼接成字符串存储在 `txt` 中[^5]。 #### 箭头函数写法 ```javascript let arr = [1, 23, 45, 6, 7]; arr.forEach((item) => { console.log(item * 2); }); // 结果为 2 46 90 12 14 ``` 此示例使用箭头函数简化了 `forEach` 的回调函数,遍历 `arr` 数组并将每个元素乘以 2 后输出[^5]。 #### 使用 `thisArg` 参数 ```javascript const obj = { multiplier: 2 }; const numbers2 = [1, 2, 3]; numbers2.forEach(function(value) { console.log(value * this.multiplier); }, obj); // 结果为 2 4 6 ``` 在这个例子中,`thisArg` 参数为 `obj`,在回调函数中可以通过 `this` 访问 `obj` 的属性。 #### 完整写法 `Array.prototype.forEach.call()` ```javascript const arr2 = [1, 2, 3]; Array.prototype.forEach.call(arr2, function(value) { console.log(value); }); ``` 这里使用了完整的 `Array.prototype.forEach.call()` 写法来调用 `forEach` 方法,`[]` 是为了访问数组相关方法的简写,完整写法可用于一些特殊情况,比如对类数组对象使用 `forEach` 方法[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值