Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

216
Views
¿Cómo convierto minúsculas y guiones bajos en mayúsculas y minúsculas y espacios en ES6/React?

¿Cómo convierto cadenas con guiones bajos en espacios y las convierto en mayúsculas y minúsculas?

CÓDIGO

 const string = sample_orders console.log(string.replace(/_/g, ' '))

Rendimiento esperado

 Sample Orders
about 4 years ago · Juan Pablo Isaza
2 answers
Answer question

0

Esta función debería hacer el trabajo:

 function humanize(str) { var i, frags = str.split('_'); for (i=0; i<frags.length; i++) { frags[i] = frags[i].charAt(0).toUpperCase() + frags[i].slice(1); } return frags.join(' '); } humanize('sample_orders'); // > Sample Orders

JSFiddle

about 4 years ago · Juan Pablo Isaza Report

0

.replace reemplaza solo la primera aparición de la entrada de destino. Para reemplazar todas las ocurrencias, use .replaceAll .

 var string = 'sample_orders' string = string.replaceAll('_', ' ')

La conversión adicional al caso adecuado podría lograrse a través regEx

 string = string.replace(/(^\w|\s\w)/g, firstCharOfWord => firstCharOfWord.toUpperCase());

Dónde:

  • ^\w : Primer carácter de la cadena
  • | : o
  • \s\w : primer carácter después del espacio en blanco
  • g : alcance global (coincidir con todas las ocurrencias)
  • El segundo argumento es una función que acepta el primer carácter de cada palabra calculada usando la expresión regular y la convierte a mayúsculas. Vinculando la lógica anterior en una función:
     function formatString(string){ return string.replaceAll('_', ' ').replaceAll(/(^\w|\s\w)/g, firstCharOfWord => firstCharOfWord.toUpperCase()); } let formattedString = formatString('sample_orders') console.log(formattedString) //Sample Orders

    Advertencia : es posible que encuentre un error que diga que .replaceAll no es una función si está ejecutando en un navegador antiguo o en un entorno de tiempo de ejecución. El método .replaceAll se agregó en ES2021/ES12. La mejor solución para ejecutar tales funcionalidades en versiones anteriores de JS es proporcionar soporte nativo para versiones anteriores que no admiten métodos o características recién agregados ( .replaceAll ) en este caso.

     function formatString(string){ return string.replace(/_/g, ' ').replace(/(^\w|\s\w)/g, firstCharOfWord => firstCharOfWord.toUpperCase()); } let formattedString = formatString('sample_orders') console.log(formattedString) //Sample Orders

    Tenga en cuenta que estamos usando el método de replace con expresiones regulares en un ámbito global. Esto también podría usarse en casos en los que las cadenas no contengan guiones bajos.

    about 4 years ago · Juan Pablo Isaza Report
    Answer question
    Find remote jobs

    Discover the new way to find a job!

    Top jobs
    Top job categories
    Business
    Post vacancy Pricing Sales
    Legal
    Terms and conditions Privacy policy
    © 2026 PeakU Inc. All Rights Reserved.
    Andres GPT
    Show me some job opportunities
    There's an error!