JavaScript Array对象扩展indexOf()方法

JavaScript中的Array对象是非常常用的一种数据结构，它是一种有序的集合，可以存储多个数据类型的值。indexOf()是Array对象中的一个方法，用于查找指定元素在数组中第一次出现的位置。但是，它并不是一个完美的方法，因为它无法处理“NaN”以及“+0”与“-0”如何处理的问题。

为了解决这些问题，我们可以采用一些技巧来修改Array对象的indexOf()方法。下面是具体步骤：

步骤一：创建一个新的原型对象

if (!Array.prototype.indexOfNaN) {
  Array.prototype.indexOfNaN = function() {
    for (var i = 0; i < this.length; i++) {
      if (isNaN(this[i])) {
        return i;
      }
    }
    return -1;
  };
}

以上代码创建了一个新的原型对象 “indexOfNaN”，里面包含一个新方法，用于查找数组中第一次出现的 NaN 的位置。方法采用了循环遍历的方式，依次判断数组中的每个元素是否是 NaN，如果是，则返回元素所在的位置；如果不是，则继续循环，直到找到 NaN 或数组遍历完毕，返回 -1。

步骤二：修改indexOf方法

if (!Array.prototype.indexOf) {
  Array.prototype.indexOf = function(obj, fromIndex) {
    var index;
    if (isNaN(obj) && !Array.prototype.indexOfNaN) {
      index = -1;
    } else {
      index = (fromIndex < 0 ? Math.max(0, this.length + fromIndex) : fromIndex || 0);
      while (index < this.length) {
        if (this[index] === obj || (isNaN(this[index]) && isNaN(obj))) {
          return index;
        }
        index++;
      }
      index = -1;
    }
    return index;
  };
}

这段代码就是重写了 Array 对象的 indexOf() 方法，可以正确地处理 NaN 以及 +0/-0 等值。

示例一：查找数组中第一个 NaN 的位置

var arr = [1, '2', NaN, 4];

// 使用现有的 indexOf() 方法
console.log('indexOf():', arr.indexOf(NaN)); // 输出 -1

// 使用新的方法 indexOfNaN()
console.log('indexOfNaN():', arr.indexOfNaN()); // 输出 2

以上代码的含义是：定义了一个包含 NaN 元素的数组 arr，使用原有的 indexOf() 方法，查找其中的 NaN 元素，返回值为 -1，说明没有找到；并使用修改后的 indexOfNaN() 方法，在数组 arr 中查找 NaN 元素，返回值为 2，说明找到了该元素并返回了其所在的位置。

示例二：在数组中查找+0/-0的位置

var arr = [1, 2, +0, -0, 3];

// 使用现有的 indexOf() 方法查找-0的位置
console.log('indexOf(-0):', arr.indexOf(-0)); // 输出 2

// 使用修改后的 indexOf() 方法查找+0/-0的位置
console.log('indexOf(+0/-0):', arr.indexOf(0)); // 输出 2

以上代码定义了一个包含 +0/-0 元素的数组 arr，其中，使用原有的 indexOf() 方法，使用 -0 查找，返回值为 2，说明找到了第一个 -0 元素的位置；并使用修改后的 indexOf() 方法，在数组 arr 中查找 +0/-0 元素，使用 0 作为参数查找，返回值为 2，说明找到了这两个元素的位置。

通过以上的步骤和示例，我们可以发现，通过扩展 Array 对象的 indexOf() 方法，可以解决一些 indexOf() 方法无法处理的问题。