Question

我已经创建了一个实用程序函数，我将其包含在几乎所有我编写的Javascript代码中。所述函数的目的是简单地从数组中删除一个元素。它将数组和索引作为参数，并返回已删除所需元素的数组。

这是功能：

sliceHere = function(array, i)
{
    buffOne = array.slice(0, i);
    buffTwo = array.slice(i + 1);

    return buffOne.concat(buffTwo);         
}

它工作得很好。如果我有一个数组a = ["a", "b", "c"]，并且我想从中移除"a"，我只需a = sliceHere(a, 0);。

虽然确实有效，但我想用更“优雅”的东西取而代之。我想要做的是让函数sliceHere成为我所拥有的数组 all 的方法。所以我可以简单地做a.sliceHere(0)并达到同样的效果。这只是一种更好的做事方式，如果我错了就纠正我。

我做的是：

sliceHere = function(i)
{
    buffOne = this.slice(0, i);
    buffTwo = this.slice(i + 1);

    this = buffOne.concat(buffTwo);         
}

Array.prototype.sliceHere = sliceHere

这似乎根本不起作用。因为我知道“这个”可能不是真正的数组。 如何从方法内部引用数组？

Answer 1

为什么要重新发明轮子？ Array.prototype.splice已经做了同样的事情：

var array = [1, 2, 3];
var i = 1;
array.splice(i, 1);
array; // [2, 3]

好的，让我们重新发明轮子：

使用拼接：

Array.prototype.sliceHere = function(i) {
    this.splice(i, 1);
};

没有拼接：

Array.prototype.sliceHere = function(i) {
     var i_want_you = this.slice(0, i).concat(this.slice(i + 1));
     this.length = 0;
     this.push.apply(this, i_want_you);  // <-- Modifies all keys, indirectly
};

如果您不希望该方法显示在for(.. in ..)循环中，请使用Object.defineProperty(Array.prototype, 'sliceHere', {value: /*function here*/});。

Answer 2

this总是只读，因此您无法为其分配新数组，您应该返回更新的值。以下是您的示例的更新版本：

sliceHere = function(i)
{
    buffOne = this.slice(0, i);
    buffTwo = this.slice(i + 1);

    return buffOne.concat(buffTwo);
}

Array.prototype.sliceHere = sliceHere;

var arr = [1, 2, 3];
arr = arr.sliceHere(1);

如何在使用原型时引用父对象？

2 个答案: