Truncar 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 el concepto de truncar cadenas en JavaScript. Truncar una cadena implica acortar la longitud de una cadena dada hasta una longitud especificada. A través de varios ejercicios y ejemplos, aprenderá a implementar una función que trunque cadenas y agregue puntos suspensivos al final de la cadena truncada.


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-28671{{"Truncar Cadenas en JavaScript"}} javascript/data_types -.-> lab-28671{{"Truncar Cadenas en JavaScript"}} javascript/arith_ops -.-> lab-28671{{"Truncar Cadenas en JavaScript"}} javascript/comp_ops -.-> lab-28671{{"Truncar Cadenas en JavaScript"}} end

Truncar una cadena en JavaScript

Para truncar una cadena en JavaScript, puedes usar la función truncateString. Esta función toma dos argumentos: str (la cadena que se va a truncar) y num (la longitud máxima de la cadena truncada).

La función truncateString verifica si la longitud de str es mayor que num. Si es así, la función trunca la cadena a la longitud deseada y agrega '...' al final. Si no, devuelve la cadena original.

Aquí está el código de la función truncateString:

const truncateString = (str, num) =>
  str.length > num ? str.slice(0, num > 3 ? num - 3 : num) + "..." : str;

Y aquí está un ejemplo de cómo usar la función truncateString:

truncateString("boomerang", 7); // 'boom...'

Resumen

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