Rellenado de cadenas en JavaScript

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 la función pad() en JavaScript. La función pad() te permite rellenar una cadena por ambos lados con un carácter especificado para alcanzar una cierta longitud. Aprenderemos cómo utilizar los métodos String.prototype.padStart() y String.prototype.padEnd() para lograr esto.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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") subgraph Lab Skills javascript/variables -.-> lab-28537{{"Rellenado de cadenas en JavaScript"}} javascript/data_types -.-> lab-28537{{"Rellenado de cadenas en JavaScript"}} javascript/arith_ops -.-> lab-28537{{"Rellenado de cadenas en JavaScript"}} javascript/comp_ops -.-> lab-28537{{"Rellenado de cadenas en JavaScript"}} end

Función para rellenar una cadena

Para rellenar una cadena por ambos lados con el carácter especificado, si es más corta que la length especificada, utiliza la siguiente función:

const pad = (str, length, char = " ") =>
  str.padStart((str.length + length) / 2, char).padEnd(length, char);

La función utiliza String.prototype.padStart() y String.prototype.padEnd() para rellenar ambos lados de la cadena dada. Puedes omitir el tercer argumento, char, para utilizar el carácter de espacio en blanco como el carácter de relleno predeterminado.

A continuación, se presentan algunos ejemplos de cómo utilizar la función pad():

pad("cat", 8); // '  cat   '
pad(String(42), 6, "0"); // '004200'
pad("foobar", 3); // 'foobar'

Para comenzar a practicar la codificación, abre la Terminal/SSH y escribe node.

Resumen

¡Felicidades! Has completado el laboratorio de Rellenar una Cadena. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.