添加到阵列阵列

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']);