Estoy creando un componente Stepper numérico en React que debe admitir números enteros (tanto positivos como negativos) y decimales. Solo quiero mantener en estado la parte numérica de cualquier valor posible para que los métodos aritméticos funcionen correctamente.
Asi que:
El usuario ingresa 5, 5 se almacena en el estado
El usuario ingresa 5.5, 5.5 se almacena en estado
El usuario ingresa £ 5.57, 5.57 se almacenan en el estado
El usuario ingresa -5, -5 se almacena en el estado
Para hacer esto, he estado usando la siguiente expresión regular dentro de .replace() para eliminar cualquier carácter especial:
value.replace(/[^0-9.]/, '')
Sin embargo, esto elimina el carácter menos - los valores negativos. Intenté agregarlo al grupo de captura de esta manera: replace(/[^0-9.-]/, '') pero esto coincide con -5 y 5 - 3 . Me gustaría conservar los números negativos pero excluir cualquier otro uso del símbolo menos.
¿Algunas ideas?
Gracias
Puedes usar
value.replace(/(-\d*\.?\d+).*|[^0-9.]/g, '')Detalles
(?!^)- - un guión que no está al comienzo de la cadena| - o[^0-9.-] : cualquier carácter que no sea un dígito, punto o guión. const c = ['5', '5.5', '£5.57', '-5', '-5-5', '5-3']; const re = /(?!^)-|[^0-9.-]/g; for (var i of c) { console.log(i, '=>', i.replace(re, '')); }Esto parece hacer lo que quieres:
const trimSpecial = x => x // first preserve all `-` .replace(/[^0-9.-]/g, '') // then remove all `-` except, optionally, the one in first position .replace(/(?!^-)-/g, '') const test = x=>console.log(x, "=>", trimSpecial(x)) test("-5.8") test("$-3") test("-5-5") test("6 - 6")