Question

我正在从localStorage中将值读取为嵌套数组，并根据某些条件，从读取的数组中删除了一些数组。要从主阵列中删除阵列，我正在使用以下功能：

Array.prototype.diff = function(a) {
    return this.filter(function(i) {return a.indexOf(i) < 0;});
};

结果数组小于原始嵌套数组。以下是我来自本地存储的原始数组：

var arr = `"["STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",270,399,387,397,390,472,"STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",270,399,387,397,390,472,"STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",321,322,414,333,418,375]"`

//Function to drop rectangles
function dropRects() {
    dragging = false;
    mLocation = getCanvasCoordinates(event);
    var a = Math.floor(mLocation.x);
    var b = Math.floor(mLocation.y);
    var clickedImg = localStorage.getItem('clickedImage');
    var arr = new Array();
    var getCoords = getArray();
    if (typeof getCoords !== 'undefined' && getCoords.length > 0) {
      var allCoords = fourthCoord(getCoords);
      arr = multiDimensionalUnique(allCoords);

上面给出的示例数组arr是`multiDimensionalUnique（allCoords）;的结果；

      var results = new Array();
    //For each item in array, perform calculation to find the array that needs to be deleted and store the found array in results - This is working properly

      arr.forEach(function(d) {
        if (d[0] === clickedImg && d[3] < a && d[4] < b && d[5] > a && d[6] < b && d[7] > a && d[8] > b && d[9] < a && d[10] > b) {
          results.push(d)
        }
      });
    //delete the found array from master array.
      var newArr;
      newArr = arr.diff(results);

     //Delete the empty array [] from the master array
      var secArr;
      secArr = newArr.filter(function(x) { return (x !== (undefined || null || ''));})

      //Delete the last two elements from each array, so that it is exactly the same as array downloaded from localStorage
      for (var i = 0;i < secArr.length; i++) {
        secArr[i].splice(9,2);  
      }
      secArr = JSON.stringify(secArr) 
      console.log(secArr);
  } 
  localStorage.setItem('coords', secArr);
}

console.log(secArr)打印以下结果（新数组）：

[["STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","FBB",270,406,377,396,381,469],["STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",326,321,425,332,420,375],["STAR_SPORTS_2-20170924-200043-210917-00143.jpg","PerimeterBoard","Gillette",367,323,492,330,492,378]]

我不确定为什么在此数组的开头和结尾处都有一个额外的方括号。（如果结果与上面给出的示例数据不同，请原谅，因为这是我的实时仪表板中的数据）

第localStorage.setItem('coords', secArr)行用以下新值重置localStorage：

"[["STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","FBB",270,406,377,396,381,469],["STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",326,321,425,332,420,375],["STAR_SPORTS_2-20170924-200043-210917-00143.jpg","PerimeterBoard","Gillette",367,323,492,330,492,378]]"

再次使用方括号。

由于新数组嵌套在另一个数组中，因此当我再次读取localStorage时，无法检索该数组。如何将secArr变量作为原始coords变量发布到localStorage。

Answer 1

我怀疑您的答案是由于var arr声明中的双引号引起的。请查看以下代码：

arr = ["STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",270,399,387,397,390,472,"STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",270,399,387,397,390,472,"STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",321,322,414,333,418,375];

Array.prototype.diff = function(a) {
    return this.filter(function(i) {return a.indexOf(i) < 0;});
};
clickedImg = true;

var results = new Array();
//For each item in array, perform calculation to find the array that needs to be deleted and store the found array in results - This is working properly

arr.forEach(function(d) {
  if (d[0] === clickedImg && d[3] < a && d[4] < b && d[5] > a && d[6] < b && d[7] > a && d[8] > b && d[9] < a && d[10] > b) {
    results.push(d)
  }
});
//delete the found array from master array.
var newArr;
newArr = arr.diff(results);

//Delete the empty array [] from the master array
var secArr;
secArr = newArr.filter(function(x) { return (x !== (undefined || null || ''));})

//Delete the last two elements from each array, so that it is exactly the same as array downloaded from localStorage
for (var i = 0;i < secArr.length; i++) {
  secArr[i].splice(9,2);  
}
secArr = JSON.stringify(secArr) 
console.log(secArr);

它产生 ["STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","FBB",270,406,377,396,381,469],["STAR_SPORTS_2-20170924-200043-210917-00142.jpg","PerimeterBoard","Gillette",326,321,425,332,420,375],["STAR_SPORTS_2-20170924-200043-210917-00143.jpg","PerimeterBoard","Gillette",367,323,492,330,492,378]（请注意数组中没有数组）。

用新值替换localStorage

1 个答案: