从JavaScript中的数组中删除项目

Question

经常看到这个问题，但是找不到我要找的东西。

onClick我将项目推送到我拥有的数组中，但是，如果我的数组中有3个项目，我不再希望推送项目。

var selectedData = [];

我设置了空变量。

var index = selectedData.indexOf(3);

然后我得到我的数组的索引是3

if (index > 3) {
  selectedData.splice(index, 1);
}

然后在我的if statement说，如果我的索引为3，则大于3，然后在index拼接并删除一个。

selectedData.push(TheThing);

如果上面的if语句不正确，则将TheThing推TheThing我的数组中。

但是，我有一个变量var arrayLength = selectedData.length; 它抓住了长度，当我进行控制台记录时，它从0开始，并在4之后拼接任何内容。不是3。

知道我做错了什么或被误解了吗？ 谢谢

---

我的代码的完整示例

var selectedData = [];

myElement.on('click', function() {

  var index = selectedData.indexOf(3);
      if (index > 3) {
          selectedData.splice(index, 1);
      }
  var arrayLength = selectedData.length;

  console.log(arrayLength, 'the length');

});

简而言之， onClick检查我的数组并删除添加到我的数组中的第三个数组之后的所有内容。

Answer 1

您希望它表现为堆栈还是队列？

所以你的代码在这里：

var index = selectedData.indexOf(3);

没有抓住第三个索引-它抓住看到3的第一个索引，如果没有，则抓住-1。 将if语句替换为

if (selectedData.length > 3) {
    selectedData.pop() // removes last element (stack)
    // or
    selectedData = selectedData.slice(1) //remove first element (queue)
}

Answer 2

我认为您需要尝试var arrayLength = selectedData.length -1;

您像普通数组一样从0开始，但是您不是从空数组开始吗？

另外，当您使用.length ，它将返回数组或集合的真实计数，而不是0索引。 `

Answer 3

您可以像这样重写数组的push()方法：

var a = [];
a.push = function(){}

或像这样

a.push = function (newEl){
  if(this.length <3){
    Array.prototype.push.call(this, newEl)
  }
}

这不是完整的示例，因为push（）可以接受许多参数，并且您也应该处理这种情况

Answer 4

var index = selectedData.indexOf（3）; 只需给您具有值3的数组元素的索引即可

 selectedData = [ 0, 3 , 2];
 alert( selectedData.indexOf( 3 ) ); // this will alert "1" that is the index of the element with value "3"

Answer 5

你可以使用这种情况

var selectedData = [];

myElement.on('click', function() {

  //if selectedData length is less than 3, push items

});

Answer 6

这可能有效。

myElement.on('click', function() {

    if(selectedData.length > 3){
        selectedData = selectedData.splice(0, 3);
    }

    console.log(selectedData.length, 'the length');

});