I want to delete objects that do not have a specific array

user_18732834 0
Viewed 66
console.log(value)

{
    List: [
        {
            id: 1
            title: 'hi',
            content: [
                {
                    id: 1,
                    functionId: 11,
                }
            ]
        }
        {
            id: 2,
            title: 'minsu',
            content: []
        }
    ]
}

I want to delete the object if there is no content array.

I am creating a variable called control and outputting it using the map function inside. If the objects without content array have to be deleted by applying a filter condition, I don't know how to do it.

let control: any[any] = [
    value.map((value: any) => {
        return {
            id: value?.id,
            title: value?.title,
            content: value?.content[0].functionId
        }
    })
]

But now, when I do console.log(control), an error occurs because the second object does not have content.

I want to delete the second object without content and print it like this.

console.log(control) 
[
    id: 1,
    title: 'hi',
    functionId: 11
]
reactjs frontend ecmascript-6 arrays javascript
3 Answers

First filter out the elements with 0 length content array or content array doesn't exists and then map to transform it

const List  = [        {            id: 1,            title: 'hi',            content: [                {                    id: 1,                    functionId: 11,                }            ]        },        {            id: 2,            title: 'minsu',            content: []        }    ]

const control = List
.filter(({content}) => content?.length)
.map(({id,title,content:[{functionId}]}) => ({id,title,functionId}))

console.log(control)

user_135835100

Filter source list the way you need and reapply filtered list as new value

const sourceObject = {
    list: [
        {
            id: 1,
            title: 'hi',
            content: [
                {
                    id: 1,
                    functionId: 11,
                }
            ]
        },
        {
            id: 2,
            title: 'minsu',
            content: []
        }
    ]
};

const filteredList = sourceObject.list.filter(element => (
  typeof(element.content) === 'object' && element.content.length > 0
));

sourceObject.list = filteredList;

console.log(sourceObject);

user_148500150

I usually use reduce to solve problems like this

const items = [
  {
    id: 1,
    title: 'hi',
    content: [
      {
        id: 1,
        functionId: 11,
      }
    ]
  },
  {
    id: 2,
    title: 'minsu',
    content: []
  }
];

const result = items.reduce((rs, item) => {
  const functionId = item?.content?.[0]?.functionId;
  if (functionId) {
    rs.push({
      id: item.id,
      title: item.title,
      functionId
    })
  }
  return rs;
}, [])


console.log(result)

user_195396880
Related