添加到陣列陣列

Question

裏面我有一個JavaScript對象，它是DYNAMICALLY CREATED這樣

[ 
    {"user":"James","errors":["signature must be signed!"]}, 
    {"user":"Jones","errors":["signature must be signed!"]} 
] 

我試圖在該對象內的errors陣列動態添加新的錯誤。

這是我曾嘗試：

validationErr.push({ "user" : "James", "errors" : ["start time musst be filled!"] }); 

但我得到一個新條目

[ 
    {"user":"James","errors":["signature must be signed!"]}, 
    {"user":"Jones","errors":["signature must be signed!"]}, 
    {"user" : "James", "errors" : ["start time musst be filled!"]} 
] 

，而不是這個

[ 
    {"user":"James","errors":["signature must be signed!", "start time musst be filled!"]}, 
    {"user":"Jones","errors":["signature must be signed!"]}, 
] 

我如何可以添加到裏面現有陣列我目的？

Answer 1

這是一個有點難看，但你可以實現你想假設你有獨特的用戶和errors領域從來都不是不確定的東西;

function func(arr, idField, id, updField, upd) { 
 
    arr.find(obj => obj[idField] == id)[updField].push(upd); 
 
} 
 

 
validationErr = [ 
 
    {"user":"James","errors":["signature must be signed!"]}, 
 
    {"user":"Jones","errors":["signature must be signed!"]} 
 
]; 
 

 
func(validationErr, "user", "James", "errors", "start time must be filled!"); 
 

 
console.log(validationErr);

使用find()拿到第一次出現與正確的用戶名，並推入其陣，用一行代碼。

Answer 2

您應該用該特定鍵將物體推入內部。

那麼你的語法必須

validationErr[0].errors.push("start time musst be filled!"); 

哪裏validationErr[0]爲您提供了與詹姆斯對象，並推到他的錯誤。

Answer 3

不幸的是，它不能這樣工作。您需要專門在陣列中查找正確的對象，並將錯誤字符串添加到錯誤數組中。

var data = [ 
 
    {"user":"James","errors":["signature must be signed!"]}, 
 
    {"user":"Jones","errors":["signature must be signed!"]} 
 
] 
 

 

 
var addError = function(username, error){ 
 

 
    //Loop through you data array 
 
    data.forEach(function(obj){ 
 
    //for each obj in the data array, 
 
    //check to see if the objects user is equal to the username 
 
    if(obj.user === username){ 
 
     //Add error to that objects error array 
 
     obj.errors.push(error); 
 
    } 
 
    }) 
 
} 
 

 
addError("James", "error occured"); 
 
console.log(data)

Answer 4

您可以使用Array#sort迭代陣列並找到合適的用戶。然後推送錯誤並退出循環。

如果找不到用戶，則使用errors數組創建一個新對象。

function addError(user, error) { 
 
    if (!data.some(function (a) { 
 
     if (a.user === user) { 
 
      a.errors.push(error); 
 
      return true; 
 
     } 
 
    })) { 
 
     data.push({ user: user, errors: [error] }); 
 
    } 
 
} 
 

 
var data = [{ user: "James", errors: ["signature must be signed!"] }, { user: "Jones", errors: ["signature must be signed!"] }]; 
 

 
addError("James", "start time musst be filled!"); 
 
addError("foo", "bar"); 
 

 
console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }

ES6與Array#find

function addError(user, error) { 
 
    var object = data.find(a => a.user === user); 
 
    if (object) { 
 
     object.errors.push(error); 
 
    } else { 
 
     data.push({ user, errors: [error] }); 
 
    } 
 
} 
 

 
var data = [{ user: "James", errors: ["signature must be signed!"] }, { user: "Jones", errors: ["signature must be signed!"] }]; 
 

 
addError("James", "start time musst be filled!"); 
 
addError("foo", "bar"); 
 

 
console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 5

一個簡單而有效的方法來做到這一點是：

validationErr[validationErr.map((e)=>e.user).indexOf('James')].errors.push("value"); 

或這樣

validationErr[validationErr.findIndex(e => e.user === 'James')].errors.push("value"); 

這發生0.03毫秒 VS 查找歷時0.07毫秒（）方法的方法。 平均快200％！

雖然，最快的方法是使用鍵值對，但因爲你的對象被動態生成

var ValidationErr = {}; 
 

 
ValidationErr['James'] = []; 
 
ValidationErr['Robby'] = []; 
 
ValidationErr['James'].push("Not Authenticated"); 
 
ValidationErr['James'].push("Wrong Credentials"); 
 
ValidationErr['Robby'].push("No Error"); 
 

 
console.log(ValidationErr['James']);