Insertar valor en el índice de un array

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos el concepto de insertar valores en una matriz en un índice específico utilizando JavaScript. Aprenderá a utilizar el método Array.prototype.splice() para insertar valores después de un índice dado con un recuento de eliminación de 0. Este laboratorio le proporcionará experiencia práctica en la manipulación de matrices en JavaScript y lo ayudará a entender cómo mutar la matriz original mientras inserta nuevos valores.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28401{{"Insertar valor en el índice de un array"}} javascript/data_types -.-> lab-28401{{"Insertar valor en el índice de un array"}} javascript/arith_ops -.-> lab-28401{{"Insertar valor en el índice de un array"}} javascript/comp_ops -.-> lab-28401{{"Insertar valor en el índice de un array"}} javascript/spread_rest -.-> lab-28401{{"Insertar valor en el índice de un array"}} end

Cómo insertar un valor en un índice específico de una matriz utilizando JavaScript

Para insertar un valor en un índice específico de una matriz utilizando JavaScript, siga estos pasos:

  1. Abra el Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice el método Array.prototype.splice() con un índice adecuado y un recuento de eliminación de 0, extendiendo los valores dados para insertarlos.
  3. La función insertAt toma una matriz, un índice y uno o más valores para insertar después del índice especificado.
  4. La función muta la matriz original y devuelve la matriz modificada.

A continuación, se muestra un ejemplo de la función insertAt en acción:

const insertAt = (arr, i, ...v) => {
  arr.splice(i + 1, 0, ...v);
  return arr;
};

let myArray = [1, 2, 3, 4];
insertAt(myArray, 2, 5); // myArray = [1, 2, 3, 5, 4]

let otherArray = [2, 10];
insertAt(otherArray, 0, 4, 6, 8); // otherArray = [2, 4, 6, 8, 10]

En el ejemplo anterior, la función insertAt se utiliza para insertar el valor 5 después del segundo índice de la matriz myArray, y para insertar los valores 4, 6 y 8 después del primer índice de la matriz otherArray.

Resumen

¡Felicitaciones! Has completado el laboratorio Insertar Valor en el Índice de la Matriz. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.