Подскажите алгоритм. Есть массив из 10 элементов. И есть второй массив из n элементов. Нужно каждый раз когда приходит второй массив, заполнять первый и добавлять элементы вначало первого. Пришло 5 новых элементов, добавляем вначало и получаем 5 заполненных и 5 пустых в первом массиве. Доабвлять нужно до тех пор пока не станет 10 элементов в первом.
-
А что именно не получается?– MBo4 окт 2018 в 9:46
-
ну вот я создал массив из пустых объектов const teamsArray = new Array(10).fill(({ id: '', name: '' })); дальше у меня приходит другой массив, откуда добавляю элементы в этот пустой массив. Я делаю конкатенацию. но получаю соотвественно не вместо тех пустых эелементов. получаю 10 пустых +5 пришедших– werty4 окт 2018 в 9:57
4 ответа
Проще всего использовать функцию unshift
для добавления элемента в начало массива и "обрезать" массив через slice
.
Пример с unshift
и slice
let teamsArray = ['a', 'b', 'c', 'd', 'e']
let teamsArrayNew = [1, 2, 3, 4, 5, 6, 7]
function updateArray(entryArray, newArray) {
newArray = newArray.reverse();
newArray.forEach(function(element) {
entryArray.unshift(element);
if (newArray.length <= 10) {
entryArray = entryArray.slice(0, 10);
} else {
entryArray = entryArray.slice(0, newArray.length);
}
});
return entryArray;
}
teamsArray = updateArray(teamsArray, teamsArrayNew);
console.log(teamsArray);
Функция reverse
использовалась, потому что forEach
делает обход с конца массива.
-
а если Один массив состоит из 10 пустых элементов, он предзаполнен фейковыми данными пустыми,второй максимум из 60 элементов. Пока есть места в первом массиве мы заполняем (перезаписываем)его пришедшими элементами из второго массива. Как места закончились, мы добавляем элементы в первых массив до 62 итого получим массив из 62 элементов– werty4 окт 2018 в 11:58
-
-
@werty в данном случае, если вы начнете добавлять к первому второй массив где 60 элементов, то в первом окажутся 10 последних элементов второго массива, если вам нужно, то можете изменить это число на то которое нужно. все как у вас в вопросе– user1926644 окт 2018 в 12:01
-
у меня поулается так. сначала показываются 10 карточек (10 элеентов массива), прихоидт например массив с одним элементом. этот элемент встает на первое место и получаем 1 заполенный эелемент + 9 пустых. Дальше приходит например 2 элемента, получаем 2 заполненных + 8 пустых. Приходит 11 элементов, просто показываем 11 элементов– werty4 окт 2018 в 12:05
-
@werty хорошо, сейчас поправлю, просто в вопросе у вас об этом не написано– user1926644 окт 2018 в 12:07
В общем виде Вашу задачу можно решить так (у Вас второй массив, очевидно, приходит извне; у меня здесь для наглядности он создаётся рандомной длины по нажатию на кнопку, но суть та же самая):
let mainArr = new Array(10); // создаём пустой массив длиной 10 элементов
function concat(mainArr, newArr) { // создаём функцию объединения
for(let i = 0; i <= newArr.length-1; i++) { // в цикле проверяем
if(mainArr[mainArr.length-1] == undefined) { // если последний элемент массива пустой
mainArr.unshift(newArr[i]); // заполняем массив с первого элемента
mainArr.pop(); // а последний удаляем
}
else { // если не пустой
console.log('Массив заполнен!'); // сообщаем об этом
break; // и прерываем цикл
}
}
}
// функция для получения рандомного числа
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
document.getElementById('btn').onclick = function() { // по клику на кнопку
let random = getRandomInt(1,6); // получаем рандомное число
let newArr = new Array(random); // создаем второй массив
for(let i = 0; i <= newArr.length-1; i++) {
newArr.splice(i, 1, i+1); // и заполняем его
}
concat(mainArr, newArr); // добавляем в основной массив
console.log(mainArr); // смотрим, как заполняется основной массив
}
<button id="btn">Добавить элементы в массив</button>
Просто скопируйте элементы в цикле. Псевдокод, учитывающий ограничение длины приёмника, чтобы не допустить переполнения:
start = 0;
......//данные пришли
maxlen = 10;
for (i = 0; i < min(maxlen - start, newData.length); i++) {
teamsArray[start++] = newData[i];
}
start
должно сохраняться до прихода следующих данных (глобальная переменная или что там у вас есть в JS)
-
а если так Один массив состоит из 10 пустых элементов, он предзаполнен фейковымиданными,второй максимум из 60 элементов. Пока есть места в первом массиве мы заполняем (перезаписываем)его пришедшими элементами из второго массива. Как места закончились, мы добавляем элементы в первых массив до 62.– werty4 окт 2018 в 11:15
-
Это уже другая задача. Откуда вообще идея про фейковые или пустые данные? Это требуется по условию?– MBo4 окт 2018 в 11:18
-
ну мне нужно рендерить сначала 10 штук фейковых картинок (карточек). как только приходят новые данные, они заменяются на карточки с данными.– werty4 окт 2018 в 11:34
-
Ну тогда сначала заменяем присваиванием, как я написал, потом добавляем новые элементы push– MBo4 окт 2018 в 14:38