Alternativa del método Array splice() en JavaScript

El método Array splice() es un método de JavaScript y en este artículo estamos discutiendo cuáles son las alternativas de este método. Aquí hay 2 ejemplos discutidos a continuación.

Enfoque 1: en este enfoque, startIndex (Desde dónde comenzar a eliminar los elementos) y count (Número de elementos para eliminar) son las variables. Si no se pasa el conteo, trátelo como 1. Ejecute un ciclo while hasta que el conteo sea mayor que 0 y comience a eliminar los elementos deseados e insértelos en una nueva array. Devuelva esta nueva array después de que finalice el bucle.

Ejemplo:

javascript

<!DOCTYPE HTML>
<html>
<head>
    <title>
        Alternative of Array splice() method in JavaScript
    </title>
</head>
<body style="text-align:center;">
    <h1 style="color:green;"> 
            GeeksforGeeks 
    </h1>
    <p id="GFG_UP">
    </p>
  
    <button onclick="myGFG()">
        Click Here
    </button>
    <p id="GFG_DOWN">
    </p>
  
    <script>
        var arr = [0, 3, 1, 5, 2, 7, 4, 9, 10];
        var up = document.getElementById("GFG_UP");
        up.innerHTML =
"Alternative of Array splice() method in JavaScript."+
             " <br>Array = [" + arr + "]";
        var down = document.getElementById("GFG_DOWN");
        function mySplice(arr, ind, ct) {
          // if ct(count) not passed in function call.
          if (typeof ct == 'undefined') {
          ct = 1;
          }
          var rem = [];
          while (ct--) {
            var indRem = ind + CT;
          //pushing the elements rem array
            rem.push(arr[indRem]);
         // removing the element from original array.
            arr[indRem] = arr.pop();
          }
         // returning the removed elements
          return rem;
        }
        function myGFG() {
        down.innerHTML =
          "Removed Elements - " + mySplice(arr, 4, 3);
        }
    </script>
</body>
</html>

 Producción:

Enfoque 2: en este enfoque, el método slice() se usa para obtener los elementos eliminados y este método también se usa para obtener la array de salida. Este enfoque también toma argumentos para insertar los nuevos elementos en la array.

Ejemplo:

javascript

<!DOCTYPE HTML>
<html>
<head>
    <title>
        Alternative of Array splice()
        method in JavaScript
    </title>
</head>
<body style="text-align:center;">
    <h1 style="color:green;"> 
            GeeksforGeeks 
    </h1>
    <p id="GFG_UP">
    </p>
  
    <button onclick="myGFG()">
        Click Here
    </button>
    <p id="GFG_DOWN">
    </p>
  
    <script>
        var arr = [0, 3, 1, 5, 2, 7, 4, 9, 10];
        var up = document.getElementById("GFG_UP");
        up.innerHTML = "Alternative of Array splice() "+
        "method in JavaScript.<br>Array = [" + arr + "]";
        var down = document.getElementById("GFG_DOWN");
        Array.prototype.altSplice = function(s, tRemv, insert ) {
 
            var rem = this.slice( s, s + tRemv );
            var temp =
         this.slice(0, s).concat( insert, this.slice( s + tRemv ) );
            this.length = 0;
            this.push.apply(this, temp );
            return rem;
        };
        function myGFG() {
            down.innerHTML =
            "Splice result - " +
             arr.altSplice(3, 2, 6) +
              "<br>Original array - " + arr;
        }
    </script>
</body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *