Array.prototype.includes 节点 js 版本 <= 4
Array.prototype.includes on Node js versions <= 4
我写了一个 Gruntfile,它大量使用了 Array.prototype.includes() 和类似的函数。我发现我需要将节点版本降级到 4.4.5 版。一旦我这样做,我就不能再使用诸如 if ( myarray.includes(somevalue) )
之类的语句,它会失败说: >> TypeError: myarray.includes is not a function.
当我查看节点文档时,它似乎是针对当前版本的节点, 所以我不确定还有什么选择。
在节点 4 及以下版本中数组 'includes' 的等价物是什么?另外,还有其他我需要注意的巨大差异吗? (我发现的另一个是函数声明中不支持默认参数)。
处理这种情况的最佳方法是放入一个 polyfill,让您 运行 您的代码无需修改它,因为修改可能会导致错误。 The polyfill you are looking for can be found here。要使用它,您需要在尝试使用 .includes
之前 运行 此代码,通常是在您的应用程序启动的任何地方。
// https://tc39.github.io/ecma262/#sec-array.prototype.includes
if (!Array.prototype.includes) {
Object.defineProperty(Array.prototype, 'includes', {
value: function(searchElement, fromIndex) {
if (this == null) {
throw new TypeError('"this" is null or not defined');
}
// 1. Let O be ? ToObject(this value).
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.
if (sameValueZero(o[k], searchElement)) {
return true;
}
// c. Increase k by 1.
k++;
}
// 8. Return false
return false;
}
});
}
您可以随时填充 includes
以便您可以继续使用它。甚至还有一个 "official" polyfill here.
无论如何,除此之外,等效的方法是 indexOf
方法,如果未找到项目,则 returns -1
或索引。所以
array.includes(item);
可以替换为
array.indexOf(item) !== -1;
我写了一个 Gruntfile,它大量使用了 Array.prototype.includes() 和类似的函数。我发现我需要将节点版本降级到 4.4.5 版。一旦我这样做,我就不能再使用诸如 if ( myarray.includes(somevalue) )
之类的语句,它会失败说: >> TypeError: myarray.includes is not a function.
当我查看节点文档时,它似乎是针对当前版本的节点, 所以我不确定还有什么选择。
在节点 4 及以下版本中数组 'includes' 的等价物是什么?另外,还有其他我需要注意的巨大差异吗? (我发现的另一个是函数声明中不支持默认参数)。
处理这种情况的最佳方法是放入一个 polyfill,让您 运行 您的代码无需修改它,因为修改可能会导致错误。 The polyfill you are looking for can be found here。要使用它,您需要在尝试使用 .includes
之前 运行 此代码,通常是在您的应用程序启动的任何地方。
// https://tc39.github.io/ecma262/#sec-array.prototype.includes
if (!Array.prototype.includes) {
Object.defineProperty(Array.prototype, 'includes', {
value: function(searchElement, fromIndex) {
if (this == null) {
throw new TypeError('"this" is null or not defined');
}
// 1. Let O be ? ToObject(this value).
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.
if (sameValueZero(o[k], searchElement)) {
return true;
}
// c. Increase k by 1.
k++;
}
// 8. Return false
return false;
}
});
}
您可以随时填充 includes
以便您可以继续使用它。甚至还有一个 "official" polyfill here.
无论如何,除此之外,等效的方法是 indexOf
方法,如果未找到项目,则 returns -1
或索引。所以
array.includes(item);
可以替换为
array.indexOf(item) !== -1;