es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Eliminar una cadena específica en un array `react`.

04 Aug, 2023 Programación

Hola, estoy importando el json valor.

console.log(valor);
> Objecto Array(10)
 > 0
   imageUrl: "http://stackoverflow/images/0,"
 > 1
   imageUrl: "http://stackoverflow/images/1,"
 > 2
   imageUrl: "http://stackoverflow/images/2,"
 > 3
   imageUrl: "http://stackoverflow/images/3,"
 > 4 
   imageUrl: "http://stackoverflow/images/4,"
 > 5

La imageUrl es “http://stackoverflow/images/0http://stackoverflow/images/0,”.

…

const Minsu = () => {

return (
   <>
      <img src="{valor[0].imageUrl}">

 )

}

Mi problema es que la imagen no se muestra correctamente debido a la coma en la imageUrl. Quiero eliminar solamente la cadena “,”. Sin embargo, intenté eliminar solo la cadena “,” usando el filtro, pero dice que no se puede utilizar el filtro ya que imageUrl es una cadena de texto.

Quiero eliminar la cadena “,” de una cadena de texto específica. ¿Cómo puedo hacerlo?

Y si hay http://stackoverflow/images/0http://stackoverflow/images/0 en la imageUrl, quiero eliminar uno de los “http”.

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para eliminar la coma (‘,’) de la cadena de la imageUrl, puedes utilizar el método replace() de String para reemplazarlo con una cadena vacía:

    const imageUrlWithoutComma = value[0].imageUrl.replace(',', '');

    Para eliminar una de las cadenas ‘http’ de la imageUrl, puedes utilizar nuevamente el método replace() de String:

    const imageUrlWithoutOneHttp = imageUrlWithoutComma.replace('http://', '');

    Luego, puedes utilizar la imageUrl actualizada en tu etiqueta de imagen:

    const Minsu = () => {
  const imageUrlWithoutComma = value[0].imageUrl.replace(',', '');
  const imageUrlWithoutOneHttp = imageUrlWithoutComma.replace('http://', '');

  return (
    <>
      <img src="{imageUrlWithoutOneHttp}">

  )
}

Comments are closed.