Javascript change elements in an array

Question

I have an array of objects. Then I want to add another object and bind it to one that already exists in my array. This means that the index of the new object should be larger in relation to my existing object, and the remaining indices of the elements should be increased by one.

For instance:

• I have an array of 6 elements
• My new object is tied to an existing object with index = 2
• The new object enters the array with index = 3, and all objects with indexes earlier than 2 now get one place higher

I tried splitting my array into two, starting with index = 2, pushing my new element and then joining again, but my code is not working well.

for (var i in myArray) {
  if (myArray[i].name === inheritedRate.inherit) {
    var tempArr = [];
    for (var n = i; n < myArray.length; n++) {
      tempArr.push($scope.myArray[n]);
      myArray.splice(n, 1);
    }
    myArray.push(inheritedRate);
    myArray.concat(tempArr);
  }
}

In other words, I have an array that looks like this:

myArray = [
  {name: "not selected"},
  {name: "not selected"},
  {name: "selected"},
  {name: "not selected"},
  {name: "not selected"},
  {name: "not selected"},
]

, :

myArray = [
  {name: "not selected"},
  {name: "not selected"},
  {name: "selected"},
  {name: "new element"}, // inserted
  {name: "not selected"},          
  {name: "not selected"},
  {name: "not selected"},
]

Answer 1

, , . , :

:

var myArray = [
  {name: "not selected"}, 
  {name: "not selected"},
  {name: "selected"}, 
  {name: "not selected"},
  {name: "not selected"}, 
  {name: "not selected"}
];

myArray.splice(3, 0, {
  name: "new element"
});
console.log(myArray);

Hide result

Answer 2

Array#splice , .

var array = [{ name: "not selected" }, { name: "not selected" }, { name: "selected" }, { name: "not selected" }, { name: "not selected" }, { name: "not selected" }],
    index = 2,
    item = { name: "new element" };

array.splice(index + 1, 0, item);

console.log(array);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Hide result