Javascript数组Array的forEach方法

  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。

相关文章
相关标签/搜索