Заменить последние N элементов в массиве с помощью JavaScript

Question

Я пытаюсь найти лучший способ заменить последние N элементов в массиве. Я имею в виду следующее:

Удалите N количество элементов из массива:

arr = arr.slice(-N); 

Добавьте нужные значения с помощью Array.push() делает итерации, чтобы добраться до количества необходимых вставок например:

for(var i=0; i<=N; i++) { 
    arr.push(new value); 
} 

Есть ли более элегантное решение для этого?

Спасибо.

Answer 1

простой обратный цикл будет достаточно, как это:

for(i = arr.length - 1; i >= arr.length - N; i--) { 
    arr[i] = new_value; 
} 

Answer 2

Array.prototype.splice

Удаляет и, возможно, добавляет значения в массив, начиная и заканчивая при любом значении индекса.

пример:

var arr = [1, 2, 3, 4]; 
arr.splice(-1, 1, 'a', 'b', 'c'); 

Answer 3

Более функциональный способ сделать это было бы использовать смесь ломтиком и CONCAT.

function replaceItemsAtEnd(array, replacements) { 
    var start = array.slice(0, array.length - replacements.length); 
    return start.concat(replacements); 
} 

Это имеет преимущество, не изменяя исходный массив.

Использование массива в качестве элементов замены означает, что вы не ограничены заменой с одинаковым значением.

Answer 4

решение Tarun было первым, что пришло мне в голову, но я хотел бы изменить его немного, чтобы избежать ситуации, когда длина массива меньше, чем N. Таким образом, становится:

for(i = arr.length - 1; i>= 0 && N > 0; i--) { 
     arr[i] = new_value; 
     N--; 
    } 

Answer 5

Как насчет:

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']; 
var anotherArr = [1, 2, 3]; 

Array.prototype.splice.apply(arr, [arr.length-anotherArr.length, anotherArr.length].concat(anotherArr)); 

?

Answer 6

Вы можете использовать массив .fill() для этого.

var arr = [1, 2, 3, 4, 5, 6]; 
 
var N = 3; 
 

 
var newValue = 0; 
 

 
arr = arr.fill(newValue, -1 * N); 
 

 
document.getElementById("output").innerHTML = arr;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="output"></div>

за последние N элементов заменяются NewValue. Обратите внимание: IE и Opera не поддерживают этот метод, но вы можете написать код, который будет создавать метод, если его «не хватает». См. MDN page on .fill() для полизаполнения, чтобы добавить метод, если ваш браузер его не поддерживает.