Javascript：用另一組項目替換項目

Question

我有一個應用程序，我從我的服務器獲取一些數據並保存在一個數組中。當我顯示它時，我想顯示它分頁，所以我決定每頁有50個項目。

我想實現刷新功能，以便刷新當前查看的頁面。例如，如果我已經加載了3頁，這意味着我的數組中有150個項目，並且我刷新了頁面2（這意味着我從我的服務器獲取項目50-99）我想用新的項目替換當前項目項目。

基本上就是我想要做的是去除項目50-99在我目前的陣列，並插入「新」的50項到當前數組索引處開始50

我試圖這樣做：

// remove the items 
items.splice((this.currentPage*50 -50), 50) 

// add the new freshly grabbed items instead 
Array.prototype.splice.apply(
    items, 
    [(this.currentPage*50 -1), data.data.length].concat(data.data)); 

但它似乎工作有點兒越野車。如果我只有1頁加載，那麼它按預期工作。它刪除所有50個項目並用新項目替換它們。但是，如果我有2個頁面加載，我嘗試刷新頁面1，我可以突然看到，當前items數組的長度是99而不是100.我嘗試玩，但我不能得到它的工作：/

任何想法如何能夠基於當前刷新的頁面從我的數組中有效地刪除一組項目，並用包含新項目的新數組替換已刪除的項目？

Answer 1

我想，你不需要這個。

// remove the items 
items.splice((this.currentPage*50 -50), 50) 

否則，你需要實現一個0像這樣的長度：

// add the new freshly grabbed items instead 
Array.prototype.splice.apply(
    items, 
    [(this.currentPage - 1) * 50, 0].concat(data.data)); 
    //       ^

的最好的事情，就是做在一個步驟是這樣的：

var a = Array.apply(null, { length: 150 }).map(function (_, i) { return i; }), 
 
    b = Array.apply(null, { length: 50 }).map(function (_, i) { return i + 1050; }); 
 

 
Array.prototype.splice.apply(a, [50, b.length].concat(b));    
 
document.write('<pre>' + JSON.stringify(a, 0, 4) + '</pre>');