Javascript - 将数组声明为变量并切片

Question

我有一个对象数组，我试图根据 URL 在不同的索引处对其进行切片。

data.Results.Data 是我的数组。

当console.logging我的arrList时，我声明了一个变量arrList等于data.Results.Data，我看到了我期望的结果。

当启动我的条件并在不同索引处切片，然后 console.logging 数组时，我将返回整个数组，而不是我期望的切片数组。

这是我的代码:

function retrieveData(data) {
  const arrList = data.Results.Data;
  const urlStr = window.location.pathname;
  if (urlStr.includes("/states/")) {
    arrList.slice(23, 46);
    console.log(arrList, "Slice");
  } else if (urlStr.includes("/countries/")) {
    arrList.slice(46, 69);
    console.log(arrList, "Slice");
  } else if (urlStr.includes("/cities/")) {
    arrList.slice(69, 90);
    console.log(arrList, "Slice");
  }
}

我尝试在有效的条件语句内声明 arrList ，但我希望变量 arrList 在整个函数范围内可用。我希望在满足条件时看到切片数组。

Answer 1

slice不会替换或修改现有数组。您需要重新定义它

arrList = arrList.slice(69, 90)

否则使用splice .

function retrieveData(data) {
  const arrList = data.Results.Data;
  const urlStr = window.location.pathname;
  let slicedData = [];
  if (urlStr.includes("/states/")) {
    slicedData = arrList.slice(23, 46);
    console.log(arrList, "Slice");
  } else if (urlStr.includes("/countries/")) {
    slicedData = arrList.slice(46, 69);
    console.log(arrList, "Slice");
  } else if (urlStr.includes("/cities/")) {
    slicedData = arrList.slice(69, 90);
    console.log(arrList, "Slice");
  }
  return slicedData;
}