Remove attribute in object propertie inside array

Question

i have a doubt that i can not resolve.

I have this data, that i received:

const groupedElements = [
      {
        _id: 'OVTBLNCDYBHP3IKUFQLGQF6AC4',
        type: 'text',
        additional_properties: { tag: 'p' },
        alignment: 'center',
        content: '<strong>A 24 horas de que tenga lugar la boda entre el jugador del FC Barcelona Lionel Messi y su pareja Antonella Rocuzzo se ha sabido que un ex jugador del Real Madrid está invitado al enlace.</strong>'
      },
      {
        _id: 'MJQIUVGPPJCSDGYDUFE6SIMB6U',
        type: 'text',
        additional_properties: { tag: 'p' },
        alignment: 'center',
        content: 'Entre los <a href="http://as.com/tikitakas/2017/06/26/portada/1498509190_687200.html" target="_blank">260 invitados a la celebración </a>
          está, cómo no, toda la plantilla del Barça y algunos ex jugadores azulgranas como Ronaldinho, Xavi, Cesc Fábregas o Deco, además de otras grandes figuras del fútbol mundial como Lavezzi y Agüero.'
      },
      {
        _id: '5HL7OES5BJDQPEVVMX3DH4D5AE',
        type: 'text',
        additional_properties: { tag: 'p' },
        alignment: 'center',
        content: 'Desde Diez, sin embargo, informan que estas no serían todas las caras conocidas que acudirán a la mediática boda, 
          que contará con <a href="http://as.com/tikitakas/2017/06/28/portada/1498634766_750691.html" target="_parent">todo tipo de comodidades para los invitados.</a> <strong>Un ex madridista estaría, 
            según la publicación, invitado al enlace y no sería otro que Ángel Di Maria.</strong>'
      },
      {
        _id: 'RBVQCVJDRZGS3OVHO3WW5FITKU',
        type: 'text',
        additional_properties: { tag: 'p' },
        alignment: 'center',
        content: 'El jugador del París Saint-Germain de la Ligue 1 de Francia y el delantero del FC Barcelona son compañeros en la Selección Argentina<strong>, </strong>por lo que esta información parece bastante lógica.'
      },
    ]

I need to access to content property and find if there is some attribute 'target' inside and if this is equal to _parent, remove it.

I tried to to this, first to locate the attribute inside content, but i can not achieve:

const newGroupElements = groupedElements.map(element =>
      element.content.includes("_parent")  ? {...element, content: 'i found you'} : element)

Thanks for your light in my knowledge.

i want to find and delete de target attribute inside content if target=_parent. — ddaudiosolutions
– ddaudiosolutions, Commented Mar 20, 2022 at 18:50

Louys Patrice Bessette · Accepted Answer · 2022-03-20 19:01:22Z

2

To remove the target attribute in the content string of a matching includes():

const newGroupElements = groupedElements.map(element => {
  if(element.content.includes("_parent")){
    element.content = element.content.replace(/target=".+"/, "")
  }
  return element
})

Or maybe just

const newGroupElements = groupedElements.map(element => element.content.replace(' target="_parent"', ""))

edited Mar 20, 2022 at 19:01

answered Mar 20, 2022 at 18:54

Louys Patrice Bessette

34k7 gold badges40 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hritik Sharma · Accepted Answer · 2022-03-20 19:31:49Z

This is the function that you need to use :

groupedElements = groupedElements.map(val=>{
       if(val.includes("_parent")&&val.includes("target")) {
          let i = val.indexOf("target");
          val = val.split("");
          val.splice(i,"target='_parent'".length);
          val = val.join("");
       }
       return val;
    })

const groupedElements = [
      {
        _id: 'OVTBLNCDYBHP3IKUFQLGQF6AC4',
        type: 'text',
        additional_properties: { tag: 'p' },
        alignment: 'center',
        content: '<strong>A 24 horas de que tenga lugar la boda entre el jugador del FC Barcelona Lionel Messi y su pareja Antonella Rocuzzo se ha sabido que un ex jugador del Real Madrid está invitado al enlace.</strong>'
      },
      {
        _id: 'MJQIUVGPPJCSDGYDUFE6SIMB6U',
        type: 'text',
        additional_properties: { tag: 'p' },
        alignment: 'center',
        content: 'Entre los <a href="http://as.com/tikitakas/2017/06/26/portada/1498509190_687200.html" target="_blank">260 invitados a la celebración </a>\
          está, cómo no, toda la plantilla del Barça y algunos ex jugadores azulgranas como Ronaldinho, Xavi, Cesc Fábregas o Deco, además de otras grandes figuras del fútbol mundial como Lavezzi y Agüero.'
      },
      {
        _id: '5HL7OES5BJDQPEVVMX3DH4D5AE',
        type: 'text',
        additional_properties: { tag: 'p' },
        alignment: 'center',
        content: 'Desde Diez, sin embargo, informan que estas no serían todas las caras conocidas que acudirán a la mediática boda, \
          que contará con <a href="http://as.com/tikitakas/2017/06/28/portada/1498634766_750691.html" target="_parent">todo tipo de comodidades para los invitados.</a> <strong>Un ex madridista estaría, \
            según la publicación, invitado al enlace y no sería otro que Ángel Di Maria.</strong>'
      },
      {
        _id: 'RBVQCVJDRZGS3OVHO3WW5FITKU',
        type: 'text',
        additional_properties: { tag: 'p' },
        alignment: 'center',
        content: 'El jugador del París Saint-Germain de la Ligue 1 de Francia y el delantero del FC Barcelona son compañeros en la Selección Argentina<strong>, </strong>por lo que esta información parece bastante lógica.'
      },
    ]
    groupedElements = groupedElements.map(val=>{
   if(val.includes("_parent")&&val.contains("target")) {
      let i = val.indexOf("target");
      val = val.split("");
      val.splice(i,"target='_parent'".length);
      val = val.join("");
   }
   return val;
})
    console.log(groupedElements)

target is inside a string in the content property. There is no target property to delete...

Collectives™ on Stack Overflow

Remove attribute in object propertie inside array

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related