Javascript数组Array的forEach扩展方法 forEach是最经常使用到的数组扩展方法之一,至关于参数化循环数组,它简单的在数组的每个元素上应用传入的函数,这也意味着只有存在的元素会被访问和处理。css
若是咱们用console.log替换处理函数,将能够获得另外的有趣结果: [1,2,3,"csser"].forEach(console.log);数组
结果: 浏览器
1, 0, Array[1, 2, 3, "csser"]函数
2, 1, Array[1, 2, 3, "csser"]this
3, 2, Array[1, 2, 3, "csser"]spa
csser, 3, Array[1, 2, 3, "csser"]code
这里forEach函数每次调用console.log时会传入3个参数。显而易见,这3个参数分别是:当前项、当前项索引和数组自己,对象
forEach是一个基本的数组高阶(higher-order)方法,其语法定义为: array.forEach(callback[, thisObject]) 第一个参数咱们已经知道了,它是一个拥有3个参数的函数,该函数将应用于数组的每一项。blog
而第二个参数表示上下文对象(context object)或者this值,用于指向回调函数的this引用。这有时会挺有用,好比当咱们想使用某个对象的方法做为forEach的处理函数时: 索引
var database = { users: ["CSSer", "John", "David"], sendEmail: function (user) {
if (this.isValidUser(user)) { /* 发送消息 */ } }, isValidUser: function (user) { /* 验证代码 */ } }; // 向每一个用户发送邮件 database.users.forEach(database.sendEmail,database);
简单分析下,在sendMail函数内部的this指向database对象,而且this.isValidUser指向必须的函数,若是咱们不传入第二个参数,this值会被默认指向全局对象(在浏览器中是window)或者在strict模式下指向undefined。