Hinzufügen / Einfügen eines Elements in ein ObservableArray an einer bestimmten Position mit Knockout.js

Alle Knockout-Beispiele, die ich gefunden habe, scheinen am Ende eines ObservableArray ein neues Element hinzuzufügen, das Folgendes verwendet:

viewModel.SomeItems.push(someNewItem);

Dadurch wird das Element natürlich am Ende des Arrays platziert.

Wie füge ich dem ObservableArray an einer bestimmten Position ein Element hinzu?

z.B. etwas wie:

viewModel.SomeItems.push(someNewItem, indexToInsertItAt);

Sie sollten in der Lage sein, die native JavaScript- spliceMethode zu verwenden -

viewModel.SomeItems.splice(2,0,someNewItem);

Dokumente hier - https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/splice

Beispiel hier (nicht Knockout-spezifisch) - Wie füge ich ein Element an einem bestimmten Index in ein Array ein?

Aus den Knockout-Dokumenten -

Bei Funktionen, die den Inhalt des Arrays ändern, wie z. B. Push und Splice, lösen die KO-Methoden automatisch den Abhängigkeitsverfolgungsmechanismus aus, sodass alle registrierten Listener über die Änderung informiert werden und Ihre Benutzeroberfläche automatisch aktualisiert wird.

Für den Knockout-Einsatz

viewModel.SomeItems.unshift(someNewItem);

Siehe auch: http://knockoutjs.com/documentation/observableArrays.html

Ich habe diese Erweiterungsfunktion gemacht, die für mich gut funktioniert hat. Splice funktionierte bei mir nicht, wenn ich am Ende eines spärlichen Arrays hinzufügte.

ko.observableArray.fn.setAt = function(index, value) {
    this.valueWillMutate();
    this()[index] = value;
    this.valueHasMutated();
}

Dies funktioniert sogar mit:

var a = ko.observableArray(['a', 'b', 'c']);
a.setAt(42, 'the answer');