массив вложенных объектов

Question

Я хотел бы преобразовать следующий массив:

let errors = [ 
    { 
    field: "data.time", 
    message: "less length than allowed" 
    }, 
    { 
    field: "data.time", 
    message: "wrong format" 
    }, 
    { 
    field: "data.age", 
    message: "too young" 
    }, 
    { 
    field: "data.age", 
    message: "not enough information" 
    } 
]; 

Into:

[ 
    { time: "less_length_than_allowed <br> wrong_format"}, 
    { age: "too_young <br> not_enough_information"}, 
] 

Я в принципе хочу, чтобы удалить строку «данных.» для каждого атрибута поля. Затем объедините массив, с общим полем в качестве ключа объекта и конкатенацией сообщений для значения.

Это то, что я до сих пор:

var removedData = errors.map(item => { 
    item.field = item.field.slice(5); 
    return item 
}); 

var computedErrors = _.chain(removedData).groupBy('field').value(); 

Answer 1

Вы можете сделать это так:

var age = []; 
var time = []; 
var removedData = errors.forEach(element => { 
if(element.field.contains('time')){ time.push(element.message); } 
if(element.field.contains('age')){ age.push(element.message); } 
}); 

var removedData = { 
age: age.join('<br>'), 
time: time.join('<br>'), 
}; 

Answer 2

Вы можете использовать reduce() в равнинных JS, чтобы вернуться к следующему результату.

let errors = [{ 
 
    field: "data.time", 
 
    message: "less length than allowed" 
 
}, { 
 
    field: "data.time", 
 
    message: "wrong format" 
 
}, { 
 
    field: "data.age", 
 
    message: "too young" 
 
}, { 
 
    field: "data.age", 
 
    message: "not enough information" 
 
}]; 
 

 
var o = {} 
 
var result = errors.reduce(function(r, e) { 
 
    var key = e.field.split('.')[1]; 
 
    var message = e.message.replace(/\s/g, '_'); 
 

 
    if (!o[key]) { 
 
    o[key] = {[key]: message} 
 
    r.push(o[key]) 
 
    } else { 
 
    o[key][key] += ' <br> ' + message 
 
    } 
 
    return r; 
 
}, []) 
 

 
console.log(result)

Answer 3

let errors = [{ 
 
    field: "data.time", 
 
    message: "less length than allowed" 
 
}, { 
 
    field: "data.time", 
 
    message: "wrong format" 
 
}, { 
 
    field: "data.age", 
 
    message: "too young" 
 
}, { 
 
    field: "data.age", 
 
    message: "not enough information" 
 
}]; 
 

 
var mappedData = errors.reduce((result, currentValue) => { 
 
    let type = currentValue.field.split(/\./).pop(), 
 
    message = currentValue.message.replace(/\s/g, "_") 
 

 
    if (typeof result[type] === "undefined") { 
 
    result[type] = message 
 
    } else { 
 
    result[type] += " <br> " + message; 
 
    } 
 

 
    return result; 
 
}, {}); 
 

 
console.log(mappedData);

Answer 4

_.chain(errors) 
    .groupBy('field') // group errors by field 
    .mapValues(function(items, key) { // iterate grouped arrays 
     return _.chain(items) 
      .map('message') // get message value from each item 
      .join('<br>') // join messages 
      .thru(function(str) { 
       return _.set({}, key.replace(/data./g, ''), str); // transform to object 
      }) 
      .value(); 
    }) 
    .values() // get object values 
    .value(); 

Answer 5

const errors = [{"field":"data.time","message":"less length than allowed"},{"field":"data.time","message":"wrong format"},{"field":"data.age","message":"too young"},{"field":"data.age","message":"not enough information"}]; 
 

 
const result = _(errors) 
 
    .groupBy(({ field }) => field.split('.')[1]) 
 
    .mapValues((group) => 
 
    group.map(({ message }) => _.snakeCase(message)) 
 
    .join(' <br> ') 
 
) 
 
    .map((value, key) => ({ [key]: value })) 
 
    .value(); 
 

 
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.3/lodash.min.js"></script>