我可以在JavaScript中限制数组的长度吗？

Question

我想显示产品浏览历史，所以我将产品id存储在浏览器cookie中。

因为历史记录列表仅限于5项，所以我将cookie值转换为一个数组，然后检查它的长度并删除多余的内容。

下面的代码是我尝试过的，但它不起作用；数组项没有被删除。

我想问一下，如何限制数组长度，使其只能存储5个项目？

或

如何在数组索引4之后剪切项目？

var id = product_id;
var browseHistory = $.cookie('history');
if (browseHistory != null) {
  var old_cookie = $.cookie('history');
  var new_cookie = '';

  if (old_cookie.indexOf(',') != -1) {
    var arr = old_cookie.split(',');
    if (arr.length >= 5) {
      arr.splice(4, 1)
    }
  }

  new_cookie = id + ',' + old_cookie;
  $.cookie('history', new_cookie, { expires: 7, path: '/' });
} else {
  $.cookie('history', id, { expires: 7, path: '/' });
}

Answer 1

arr.length = Math.min(arr.length, 5)

Answer 2

最快最简单的方法是设置。长度属性设置为所需的长度：

arr.length = 4;

这也是重置/清空阵列的理想方式：

arr.length = 0;

警告：设置此属性也可以使数组比实际长度更长：如果它的长度是2，运行arr.length=4将向它添加两个未定义的项。也许添加一个条件：

if (arr.length > 4) arr.length = 4;

或者：

arr.length = Math.min(arr.length, 4);

Answer 3

您没有正确使用拼接：

arr.splice(4, 1)

这将删除索引4中的1项。看这里

我想你应该使用slice：

arr.slice(0,5)

这将返回位置0到4的元素。

这假设您的所有其他代码（cookies等）都正常工作