gpt4 book ai didi

javascript - Monkeypatched 代码出现在数组的 for...in 循环中

转载 作者:行者123 更新时间:2023-11-28 16:15:50 24 4
gpt4 key购买 nike

我的网络应用程序的主 JavaScript 中有以下代码:

    // uniq for arrays
if (!Array.prototype.getUnique) {
Array.prototype.getUnique = function () {
var u = {}, a = [];
for (var i = 0, l = this.length; i < l; ++i) {
if (u.hasOwnProperty(this[i])) {
continue;
}
a.push(this[i]);
u[this[i]] = 1;
}
return a;
}
}

这是一个简单的 JavaScript uniq 克隆,monkeypatched 到基本的 Array 类中。 (不是在这里讨论猴子补丁,请在其他地方火焰......)

getUnique() 按预期工作,但现在每当我使用 for...in 循环迭代数组时,都会出现一个名为 getUnique< 的附加索引 被传递到迭代器主体,当查找这个 false n 时,getUnique 的代码就是值。 (换句话说:for...in 按其应有的方式循环遍历数组,但附加 getUnique 作为最后一次迭代)

这是怎么回事?在这个函数的正上方还有另一个函数 Monkeypatched,它工作正常 (indexOf()),并且不会出现在迭代器中。以下是触发此问题的一些示例代码:

for (var r in result) {
//tags = tags + result[r]["tags"].split(" ").join(", ")
if (result[r]["tags"]) {
var newtags = result[r]["tags"].split(" ");
debug.log(newtags);
for (var n in newtags) {
debug.log("n is " + n);
tags.push(newtags[n]);
}
}
}

此代码段的调试输出如下所示:

[14:22:26.090] [["camp", "furnitur", "wood"]]
[14:22:26.093] ["n is 0"]
[14:22:26.096] ["n is 1"]
[14:22:26.099] ["n is 2"]
[14:22:26.101] ["n is getUnique"]

这是怎么回事?重构猴子补丁并将其放入实用程序类中非常容易,但这对我来说是一个非常奇怪的边缘情况。我脑子里对这里发生的事情有一些想法,但这些只是猜测。谁能解释一下吗?

最佳答案

常见的误解是 JavaScript 中的 for...in 操作是为了迭代数组。这是错误的。它的用法是迭代对象的任何可枚举属性。在 javascript 中,一切都是对象(包括数组)。但您可能会注意到,当您对数组执行 for...in 操作时,您不会得到诸如长度、切片等值。这是因为这些不是对象的可枚举属性。

这个问题有一些关于 for...in 的使用的非常好的信息:Why is using "for...in" with array iteration a bad idea?

如果您想坚持使用 for...in,您可以按照上面的建议进行操作,并检查 for...in 中的 hasOwnProperty

for ( var v in myArray ) {
if ( myArray.hasOwnProperty(v) ) {
// Do Something
}
}

但是,我建议使用普通的老式无聊循环......

for ( var i = 0; i <= myArray.length - 1; i++ ) {
// Do Something
}

无需深入了解细节,这无需命中您添加的方法即可工作,因为数组的“索引”根本不是真正的索引,而是名称与其相应索引相匹配的属性:即 1, 0, 4等

它们感觉像索引,因为在 javascript 中,如果属性是数字,则无法使用点表示法访问属性(即:myArray.0 将不起作用)。所以你执行 myArray[0],感觉就像一个数组。

关于javascript - Monkeypatched 代码出现在数组的 for...in 循环中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11483785/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com