根據數組中的對象數（javascript/jquery）更改id

從表單中，我可以插入「姓名」，「姓氏」，「年齡」，然後將它們打印在表格正下方的表格中。根據數組中的對象數（javascript/jquery）更改id

每次我添加一個用戶，我追加一行，並將數組中的每個信息都推送出去。

我有一個名爲「idUser」的變量，用於給每一行一個唯一的ID：第一行id = 0，第二行id = 1，第三行id = 2等等，所以每次增加「idUser 「變量，我將其分配給新行。

然後我可以編輯和刪除的每一行，但我不知道如何解決一個問題：，比如我有3個用戶，所以我打印

idUser=0 name surname age edit delete 
idUser=1 name surname age edit delete 
idUser=2 name surname age edit delete

，我有這個數組3元素：

[{ 
"id": 0, 
"name": name, 
"surname": surname, 
"age": age 
}, 
{ 
"id": 1, 
"name": name, 
"surname": surname, 
"age": age 
}, 
{ 
"id": 2, 
"name": name, 
"surname": surname, 
"age": age 
}, 
]

如果我刪除第一行，我同時刪除數組中的第一個元素。所以，現在的情況是：

idUser=1 name surname age edit delete 
idUser=2 name surname age edit delete

和數組：

[{ 
"id": 1, 
"name": name, 
"surname": surname, 
"age": age 
}, 
{ 
"id": 2, 
"name": name, 
"surname": surname, 
"age": age 
}, 
]

所以我有很多問題：如果我添加一個新用戶，在「ID用戶」的增量，所以我將有一個新行ID = 3

idUser=1 name surname age edit delete 
idUser=2 name surname age edit delete 
idUser=3 name surname age edit delete

但是如果我想用ID用戶= 3編輯該行，我有一個錯誤，因爲我從陣列中的信息，並複製它們在表單字段（這樣我就可以編輯它們的形式），但數組只有3個元素（和我請求第四個元素，因爲idUser = 3，所以在數組中的第四個元素）....我也應該改變數組中的每個對象的id（第一個位置[0]中的對象必須有id：0，second對象ID：1）。所以當我刪除一些東西時，我需要更新數組中所有對象的id，每行id以及變量「idUser」.. Idk如何在同一時間更新所有這些東西..它不是一個問題代碼，我只是需要一個想法來解決它，以及我應該如何處理id和變量「idUser」

來源

2016-10-19 razer90

而不是嘗試通過id訪問該行，嘗試將ID添加到編輯鏈接上的'data-'屬性或使用click處理程序的遍歷函數：'var recordId = $（this）.closest（'tr' ）.find（'。record-id'）。val（）;' –

但是我怎樣才能從數組中取數據，如果我不使用id？我想擁有該ID，因爲我可以使用它從數組中的特定位置提取數據......這就是爲什麼我想到增量變量「idUser」 – razer90

您正在使用id屬性，如索引，當您從數據中刪除元素時，它確實不再有效陣列。相反，修改所有的數據點，一旦一個項目被刪除，我會做兩件事情之一：

做一個Map或object通過ID
引用的用戶請通過ID中找到一個用戶對象的函數數組。

對於大數據集，我會選擇1。但對於小數組，你還不如用Array.prototype.find像這樣：

function getObjWithKeyValue(arr, key, value) { 
 
    return arr.find(function(item) { 
 
    return item[key] === value; 
 
    }); 
 
}; 
 
        
 
var data = [{id:1,name:"",surname:"",age:""},{id:2,name:"",surname:"",age:""}]; 
 

 
var personWithId1 = getObjWithKeyValue(data, "id", 1); 
 
console.log(personWithId1);

另一種方法，如果你有興趣：

var data = [{id:1,name:"",surname:"",age:""},{id:2,name:"",surname:"",age:""}]; 
 

 
var dataMap = data.reduce(function(map, d) { 
 
    map[d.id] = d; 
 
    return map; 
 
}, {}); 
 

 
var userWithId1 = dataMap[1]; 
 
console.log(userWithId1);

來源

2016-10-20 11:42:28 user3297291

根據數組中的對象數（javascript/jquery）更改id

回答

相關問題