manipulating arrays within objects code example

Example 1: javascript set property for each object in array of objects

let yourArray = [{id:3},{id:2},{id:4}] 
 yourArray.forEach((item, index) => { 
 item.id = index 
})

Example 2: 6 ways to modify an array javascript

let browsers = ['chrome', 'firefox', 'edge'];
browsers.unshift('safari');
// add an element at the beginning of array
console.log(browsers); //  ["safari", "chrome", "firefox", "edge"]

let browsers = ['chrome', 'firefox', 'edge'];
browsers.push('safari');
// add an element at the end of array
console.log(browsers); //  ["chrome", "firefox", "edge", "safari"]

let browsers = ['chrome', 'firefox', 'edge'];
browsers.shift(); 
// Delete first element of array
console.log(browsers); // ["firefox", "edge"]

let browsers = ['chrome', 'firefox', 'edge'];
browsers.pop(); 
//delete last elemnent of array
console.log(browsers); // ["chrome", "firefox"]

// Add and remove anywhere you want
//Add
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction() {
  fruits.splice(3, 0, "Lemon", "Kiwi");
//fruits.splice(Where to add, what to delete, "Lemon", "Kiwi");
   document.getElementById("demo").innerHTML = fruits;
}
//output Banana,Orange,Apple,Lemon,Kiwi,Mango

//Delete
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction() {
  fruits.splice(2, 1);
// fruits.splice(where to delete, how many);
  document.getElementById("demo").innerHTML = fruits;
}// output: Banana,Orange,Mango