v1
- by frusso 3/22/202300
Setup HTML - click to add setup HTML
disable setup JavaScript
Setup JavaScript
const item = {
  prop1: "xyz",
  prop2: 5,
  prop3: false
};

const arr_size = 20;

const start_array = Array(arr_size).fill(item);

const new_item = {
  prop1: "abc",
  prop2: 12,
  prop3: true
}; 

const new_item_index = (start_array.length / 2) - 1;
delete caserun single casemove downdrag and drop case


ready



const new_array = Array();

for(let i = 0; i < start_array.length; ++i) {
  if (i === new_item_index) {
    new_array.push(new_item);
  }
  else {
    new_array.push(item);
  }
}
delete caserun single casemove upmove downdrag and drop case


ready



const new_array = start_array.map((item, index) => {
  if (index === new_item_index) {
    return new_item;
  }
  else {
    return item;
  }
});
delete caserun single casemove upmove downdrag and drop case


ready



const new_array = Array(arr_size);

new_array.forEach((_, index) => {
  if (index === new_item_index) {
    new_array[i] = new_item;
  }
  else {
    new_array[i] = start_array[i];
  }
});
delete caserun single casemove upmove downdrag and drop case


ready



const new_array = Array(arr_size);

for(let i = 0; i < start_array.length; ++i) {
  if (i === new_item_index) {
    new_array[i] = new_item;
  }
  else {
    new_array[i] = item;
  }
}
delete caserun single casemove upmove downdrag and drop case


ready



const new_array = start_array.slice();
new_array.splice(new_item_index, 1, new_item);
delete caserun single casemove updrag and drop case


ready



const new_array = start_array.slice();
new_array[new_item_index] = new_item;
Test Case - click to add another test case
Teardown JS - click to add teardown JavaScript
Output (DOM) - click to monitor output (DOM) while test is running
RUN