Есть непонимание работы с переберающими свойствами массивов в javascript. У меня есть исходный массив, допустим, вот такой:
const arr = [
{text: 'stack', color: 'yellow', fontSize: '30px'},
{text: 'over', color: 'red', fontSize: '14px'},
{text: 'flow', color: 'red', fontSize: '14px'}
]`
И я хочу из него получить массив со следующими объектами:
const newArr = [
{text: 'stack', color: 'yellow', fontSize: '30px'},
{text: 'overflow', color: 'red', fontSize: '14px'}
]
Т.е. я пытаюсь сравнить объекты по ключам color и fontSize и если они совпадают - объединить текст и удалить ненужный объект. Пробовал решить через старый добрый for:
for (let i = 0; i < arr.length; i++) {
if (arr[i].fontSize === arr[i + 1].fontSize && arr[i].color === arr[i + 1].color) {
arr[i].text = arr[i].text + arr[i + 1].text;
finalArr.push(arr[i]);
} else {
finalArr.push(arr[i+1]);
}
}
Но цикл работает неверно, невозможно обработать последний объект массива. Да и хотелось бы узнать, как можно это решить с использованием ES6 синтаксиса.
< arr.length -1
позволит обработать последний объект