Friday, May 10, 2024

Array Shift and unshift Method

 JavaScript Array shift()

<!DOCTYPE html>

<html>

<body>

<h1>JavaScript Arrays</h1>

<h2>The shift() Method</h2>


<p>The shift() method removes the first element of an array (and "shifts" the other elements to the left):</p>


<p id="demo1"></p>

<p id="demo2"></p>


<script>

const fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo1").innerHTML = fruits;

fruits.shift();

document.getElementById("demo2").innerHTML = fruits;

</script>

</body>

</html>


JavaScript Array unshift()

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The unshift() Method</h2>

<p>The unshift() method adds new elements to the beginning of an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.unshift("Lemon");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

No comments:

Post a Comment

JavaScript Animated

  JavaScript Animated <!DOCTYPE html> <html> <style> #myContainer {   width: 400px;   height: 400px;   position: relative;...