使用jquery fn擴展刪除給定的元素擴展在參考方式不工作

Question

我寫了jquery自定義fn擴展腳本來刪除數組中的給定元素，但它的工作方式意外的方式，所以我想弄清楚如何使其不使用返回參考方式進行參考操作。

$.fn.removeElement=function(e){ 
    var l=this.length; 
    while(l--){ 
     if(this[l]==e){ 
      console.log(this); 
      this.splice(l,1); 
      console.log(this); 
      break; 
} } } 
var x=['a','b','c','d','e']; 
console.log(x); 
$(x).removeElement('c'); 
console.log(x); 

結果就像下面，

> ["a", "b", "c", "d", "e"] 
> ["a", "b", "d", "e"] 
> ["a", "b", "d", "e"] 
> ["a", "b", "c", "d", "e"] //??? 

我期望[ 「一」， 「B」， 「d」， 「e」 的]在第四行。

p.s.我不想'回報'

Answer 1

原因之一，這行代碼：

if('object'==typeof(e)) 

就是這樣在你的代碼示例：

if('object'==typeof(3)) 

這是

if('object'=='number') 

它永遠不會匹配。

我也會問你爲什麼要試圖在jQuery對象中包裝一個正常的數組。只使用一個在數組上運行的方法會更好。

作爲一個全球性的功能，你可以做這樣的：

function removeArrayElement(array, itemToRemove) { 
    for (var i = 0; i < array.length; i++) { 
     if (array[i] === itemToRemove) { 
      array.splice(i, 1); 
      break; 
     } 
    } 
} 

var x = ['a','b','c','d','e']; 
removeArrayElement(x, 'c'); 

由於jQuery對象，在全球方法，你可以做這樣的：

$.removeArrayElement = function(array, itemToRemove) { 
    for (var i = 0; i < array.length; i++) { 
     if (array[i] === itemToRemove) { 
      array.splice(i, 1); 
      break; 
     } 
    } 
} 

var x = ['a','b','c','d','e']; 
$.removeArrayElement(x, 'c'); 

作爲方法上Array對象，你可以這樣做：

Array.prototype.removeElement = function(itemToRemove) { 
    for (var i = 0; i < this.length; i++) { 
     if (this[i] === itemToRemove) { 
      this.splice(i, 1); 
      break; 
     } 
    } 
} 

var x = ['a','b','c','d','e']; 
x.removeElement('c'); 

原型方法的工作示例在這裏：http://jsfiddle.net/jfriend00/tEXWH/

Answer 2

因爲你的if (typeof(e) == "object")。一個數字（例如，3）不是"object"。這是一個"number"。

我應該提到，雖然：在使用$(foo)時要小心foo是一個數組。 jQuery偶爾會做出令人驚訝的事情（取決於數組中的值）。最好是使用$.removeElement(myArray, toRemove)。

Answer 3

jQuery already has a remove method爲了自己的目的。

如果你想爲本地JavaScript Array對象刪除具體方法，你應該只寫功能的jQuery的範圍之外：

Array.prototype.remove = function (el){ 
    for (var i = 0, j = this.length; i < j; i++){ 
    if (this[i] == el){ 
     this.splice(i, 1); 
     break; 
    } 
    } 
} 

var x = ["a", "b", "c", "d"]; 
console.log(x); // => [ 'a', 'b', 'c', 'd' ] 
x.remove('b'); 
console.log(x); // => [ 'a', 'c', 'd' ]