Question

我们有ids清单，即1,2,3。

如果传递的id在此列表中，则有一个接受id并返回的函数：

function isIdInList(id) {
    return [1,2,3].includes(id); 
}

OR

function isIdInList(id) {
    return [1,2,3].indexOf(id) > -1;
}

即。 isIdInList（1）返回true。 isIdInList（5）返回false。

对此最好的解决方案是什么，以上两种中的一种还是其他任何一种？（考虑到列表是硬编码的＆amp;解决方案应该兼容所有浏览器。）

Answer 1

Array.prototype.includes来自ES2016规范。它在所有Web浏览器中都不受支持（特别是如果它们不是最新的......），因此您应该使用indexOf的解决方案来实现完全兼容。

当然，如果您使用Babel或Traceur编译代码，可以使用includes，但添加像MDN documentation中建议的填充一样明智：

// https://tc39.github.io/ecma262/#sec-array.prototype.includes
if (!Array.prototype.includes) {
  Object.defineProperty(Array.prototype, 'includes', {
    value: function(searchElement, fromIndex) {

      // 1. Let O be ? ToObject(this value).
      if (this == null) {
        throw new TypeError('"this" is null or not defined');
      }

      var o = Object(this);

      // 2. Let len be ? ToLength(? Get(O, "length")).
      var len = o.length >>> 0;

      // 3. If len is 0, return false.
      if (len === 0) {
        return false;
      }

      // 4. Let n be ? ToInteger(fromIndex).
      //    (If fromIndex is undefined, this step produces the value 0.)
      var n = fromIndex | 0;

      // 5. If n ≥ 0, then
      //  a. Let k be n.
      // 6. Else n < 0,
      //  a. Let k be len + n.
      //  b. If k < 0, let k be 0.
      var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);

      function sameValueZero(x, y) {
        return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));
      }

      // 7. Repeat, while k < len
      while (k < len) {
        // a. Let elementK be the result of ? Get(O, ! ToString(k)).
        // b. If SameValueZero(searchElement, elementK) is true, return true.
        // c. Increase k by 1. 
        if (sameValueZero(o[k], searchElement)) {
          return true;
        }
        k++;
      }

      // 8. Return false
      return false;
    }
  });
}

javascript：检查元素是否存在于预先确定的值集中

1 个答案: