One Method to Insert, Read, Replace and Remove Element in Array - JavaScript Interview Questions #01

 Introduction:

    Thapa Technical YouTube Channel has started a new series that will cover Interview Questions Related to JavaScript. This post and all related posts contain source code of that Interview Questions. 

Question:

    1. Add Orango at end of array

    2. Show the Output of upper Question

    3. Replace "Banana" with "Strawberry"

    4. Delete Apple from the Array

    Note: Do it using only one method

Hint:

    splice() is method that can do all above things 

Source Code: 

     index.html source code:

<h1>One Method to Insert, Read, Replace and Delete element from the array</h1> <h2>Array: ["Apple", "Mango", "Banana"]</h2> <h2>Questions: </h2> <h3>1. Add Orango at end of array</h3> <h3>2. Show the Output of upper Question</h3> <h3>3. Replace "Banana" with "Strawberry"</h3> <h3>4. Delete Apple from the Array</h3> <h4>Note: Do it using only one method</h4> <h1>Result: </h1> <div id="result"> </div>

    

     app.js source code:

let FruitsArray = ["Apple", "Mango", "Banana"] // 1. Adding "Orango" at end of element const addElement = FruitsArray.splice(3, 0, 'Orango'); document.querySelector("#result").innerHTML = `<h3>1. Adding Orange At End: ${FruitsArray}</h3> ` // 2. Show the Output of upper Method // Output will be empty if we are performing CREATE, READ and UPDATE functions // if we are performing DELETE function output will be the element that was deleted document.querySelector("#result").innerHTML += `<h3>2. Output of Upper Method: [${addElement}]</h3> ` // 3. Replacing "Banana" with "Strawberry" const replaceElement = FruitsArray.splice(2,1,"Strawberry") console.log(replaceElement) document.querySelector("#result").innerHTML += `<h3>3. Replacing Element: ${FruitsArray}</h3> ` // 4. Deleting "Apple" from the array const deletingElement = FruitsArray.splice(0,1) document.querySelector("#result").innerHTML += `<h3>4. Deleting Apple: ${FruitsArray}</h3> `