Quiero mostrar el historial de navegación del producto, por lo que estoy almacenando los identificadores del producto en una cookie del navegador.

Debido a que la lista del historial está limitada a 5 elementos, convierto el valor de la cookie en una matriz, luego verifico su longitud y recorte el redundante.

El código de abajo es lo que he intentado, pero no funciona; el elemento de la matriz no se elimina.

Me gustaría preguntar cómo limitar la longitud de la matriz para que solo pueda almacenar 5 elementos.

O

¿Cómo puedo cortar los elementos después del índice de matriz 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: '/' });
}