Array.pop - 最后两个元素 - JavaScript

Question

我有一个在 JavaScript 中使用 Array.pop 函数的问题。 Array.pop 移除并返回 Array 的最后一个元素。那么我的问题是：是否可以删除并返回数组的最后一个 TWO 元素并返回它们而不是最后一个？

我正在使用这个函数来返回 URL 的最后一个元素，像这样：

网址：www.example.com/products/cream/handcreamproduct1

'url'.splice("/").pop(); -----> "handcreamproduct1"

我想要的是：

'url'.splice("/").pop(); -----> "cream/handcreamproduct1"

我想获取 url 中的最后两个参数并返回它们，使用 .pop 我只得到最后一个。请记住，URL 是动态长度。网址可能如下所示：

网址：www.example.com/products/cream/handcreamproduct1
或
网址：www.example.com/products/handcream/cream/handcreamproduct1

Answer 1

请注意，如果 URL 字符串结尾有 /，那么这里的答案只会返回 URL 的最后一部分：

var url = 'www.example.com/products/cream/handcreamproduct1/';

var lastTWo = url
  .split("/") // split to an array
  .slice(-2) // take the two last elements
  .join('/') // join back to a string;

console.log(lastTWo);

要解决此问题，我们只需删除结尾的 /：

const urlRaw = 'www.example.com/products/cream/handcreamproduct1/';
const url = urlRaw.endsWith("/") ? urlRaw.slice(0, -1) : urlRaw
const lastTWo = url
  .split("/") // split to an array
  .slice(-2) // take the two last elements
  .join('/') // join back to a string;

console.log(lastTWo);

Answer 2

您可以使用String.prototype.match() 和RegExp /[^/]+\/[^/]+$/ 来匹配一个或多个字符，后跟"/"，后跟一个或多个字符，后跟字符串结尾

let url = "https://www.example.com/products/handcream/cream/handcreamproduct1";

let [res] = url.match(/[^/]+\/[^/]+$/);

console.log(res);

Answer 3

没有内置的数组函数可以做到这一点。

改为使用

const urlParts = 'url'.split('/');
return urlParts[urlParts.length - 2] + "/" + urlParts[urlParts.length - 1];

Answer 4

我喜欢 filter 这样的新数组方法，所以有一个 demo 可以使用它

let o = 'www.example.com/products/cream/handcreamproduct1'.split('/').filter(function(elm, i, arr){
    if(i>arr.length-3){
  return elm;
  }
});
console.log(o);

Answer 5

Split数组，用Array#slice得到最后两个元素，然后Array#join加上斜线：

var url = 'www.example.com/products/cream/handcreamproduct1';

var lastTWo = url
  .split("/") // split to an array
  .slice(-2) // take the two last elements
  .join('/') // join back to a string;

console.log(lastTWo);