Truncar Cadena en Blanco

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 una cadena en blanco en JavaScript. Aprenderemos a limitar la longitud de una cadena respetando el espacio en blanco para preservar su legibilidad. A través de la implementación de String.prototype.slice() y String.prototype.lastIndexOf(), crearemos una función que puede truncar una cadena a una longitud especificada con una terminación opcional.


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") javascript/BasicConceptsGroup -.-> javascript/cond_stmts("Conditional Statements") subgraph Lab Skills javascript/variables -.-> lab-28670{{"Truncar Cadena en Blanco"}} javascript/data_types -.-> lab-28670{{"Truncar Cadena en Blanco"}} javascript/arith_ops -.-> lab-28670{{"Truncar Cadena en Blanco"}} javascript/comp_ops -.-> lab-28670{{"Truncar Cadena en Blanco"}} javascript/cond_stmts -.-> lab-28670{{"Truncar Cadena en Blanco"}} end

Cómo truncar una cadena en blanco en JavaScript

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

Aquí hay una función que trunca una cadena hasta una longitud especificada respetando el espacio en blanco siempre que sea posible:

const truncateStringAtWhitespace = (str, lim, ending = "...") => {
  if (str.length <= lim) return str;
  const lastSpace = str.slice(0, lim - ending.length + 1).lastIndexOf(" ");
  return str.slice(0, lastSpace > 0 ? lastSpace : lim - ending.length) + ending;
};

Para usar esta función, pasa la cadena que quieres truncar como primer argumento, la longitud máxima como segundo argumento y una cadena de terminación opcional como tercer argumento. Si la longitud de la cadena es menor o igual que el límite especificado, se devolverá la cadena original. De lo contrario, la función buscará el último espacio antes del límite y truncará la cadena en ese punto, agregando la cadena de terminación si se especifica.

Aquí hay algunos ejemplos:

truncateStringAtWhitespace("short", 10); //'short'
truncateStringAtWhitespace("not so short", 10); // 'not so...'
truncateStringAtWhitespace("trying a thing", 10); // 'trying...'
truncateStringAtWhitespace("javascripting", 10); // 'javascr...'

Resumen

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