我可以限制 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.splice(4, 1)

这将删除索引 4 处的 1 个项目。请参阅 here

我想你想用slice:

arr.slice(0,5)

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

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

Answer 2

您需要在从中删除项目后实际使用缩短的数组。您忽略了缩短的数组。

您将 cookie 转换为数组。你减少了数组的长度，然后你永远不会使用那个缩短的数组。相反，您只需使用旧的 cookie（未缩短的 cookie）。

您应该使用.join(",") 将缩短的数组转换回字符串，然后将其用于新的cookie，而不是使用未缩短的old_cookie。

您也可能没有正确使用.splice()，但我不知道您缩短数组的确切目标是什么。你可以阅读.splice()here的确切功能。

Answer 3

fastest 最简单的方法是将.length 属性设置为所需的长度：

arr.length = 4;

这也是重置/清空数组的理想方式：

arr.length = 0;

---

警告：设置这个属性也可以使数组比原来的更长：如果它的长度是2，运行arr.length = 4会添加两个undefined到它。或许加个条件：

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

或者：

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

Answer 4

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

Answer 5

var  arrLength = arr.length;
if(arrLength > maxNumber){
    arr.splice( 0, arrLength - maxNumber);
}

此解决方案在 p5js 这样的动态环境中效果更好。我把它放在绘图调用中，它会动态限制数组的长度。

问题

arr.slice(0,5)

每个并条框只从阵列中取出固定数量的项目，如果您的用户可以添加多个项目，这将无法保持阵列大小不变。

问题

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

是它从数组末尾取出项目，因此如果您还使用push() 添加到末尾，则不会循环遍历数组。

Answer 6

我认为你可以这样做：

let array = [];
array.length = 2;
Object.defineProperty(array, 'length', {writable:false});


array[0] = 1 // [1, undefined]

array[1] = 2 // [1, 2]

array[2] = 3 // [1, 2] -> doesn't add anything and fails silently

array.push("something"); //but this throws an Uncaught TypeError