How do filter inside array and array [duplicate]

Question

{
  "view_list": [
    {
      "id": "1"
    },
    {
      "id": "2"
    },
    {
      "id": "3"
    },
    [
      {
        "id": "4"
      },
      {
        "id": "5"
      }
    ],
    {
      "id": "6"
    },
    [
      {
        "id": "7"
      },
      {
        "id": "8"
      }
    ],
    {
      "id": "9"
    },
    {
      "id": "10"
    },
    {
      "id": "11"
    }
  ]
}

The above JSON i want filter only id="8" .Actually i try filter method in JavaScript not working.

I filter the array inside array. I used filter method, the method not searched inside array. Give the solution any one.

It's not clear what you want, please provide an example of the input and output that you would want and tell us what you've tried. We can help you fix your code, but we're not a code-producing machine. — SteeveDroz
– SteeveDroz, Commented Feb 1, 2023 at 6:46

Ali Sattarzadeh · Accepted Answer · 2023-02-01 06:49:24Z

1

you can simply use flat befor find or filter by id

like this :

data.view_list.flat().find(view=>view.id == 8)

let data = {
  "view_list": [
    {
      "id": "1"
    },
    {
      "id": "2"
    },
    {
      "id": "3"
    },
    [
      {
        "id": "4"
      },
      {
        "id": "5"
      }
    ],
    {
      "id": "6"
    },
    [
      {
        "id": "7"
      },
      {
        "id": "8"
      }
    ],
    {
      "id": "9"
    },
    {
      "id": "10"
    },
    {
      "id": "11"
    }
  ]
}

console.log(data.view_list.flat().find(view=>view.id == 8))

answered Feb 1, 2023 at 6:49

Ali Sattarzadeh

3,6272 gold badges9 silver badges23 bronze badges

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

1 Comment

Raja Ramachandran Over a year ago

How to delete id without flatmap?

Eldar · Accepted Answer · 2023-02-01 13:00:57Z

1

You can use Array.flatMap method and then filter the array to achieve what you want like below:

const source = {
  "view_list": [{
      "id": "1"
    },
    {
      "id": "2"
    },
    {
      "id": "3"
    },
    [{
        "id": "4"
      },
      {
        "id": "5"
      }
    ],
    {
      "id": "6"
    },
    [{
        "id": "7"
      },
      {
        "id": "8"
      }
    ],
    {
      "id": "9"
    },
    {
      "id": "10"
    },
    {
      "id": "11"
    }
  ]
}

const target = source.view_list.flatMap(r => r).filter(r => r.id === "8")
console.log(target)

const alternate = source.view_list.filter(r =>
  Array.isArray(r) || r.id !== "8" // skip the arrays
).map(r => {
  if (Array.isArray(r)) { // filter the arrays here
    const filtered = r.filter(q=> q.id !== "8")
    return filtered.length ? filtered : null // if it has no elements set it to null
  }
  return r
}).filter(r => r !== null); // filter out null values

console.log(alternate)

Edit As the question evolves.

edited Feb 1, 2023 at 13:00

answered Feb 1, 2023 at 6:48

Eldar

10.9k2 gold badges20 silver badges40 bronze badges

2 Comments

Raja Ramachandran Over a year ago

How to delete id without flatmap?

Raja Ramachandran Over a year ago

Thanks eldar nice..

FaFa · Accepted Answer · 2023-02-01 06:50:53Z

0

You can use a conbination of flat() and filter(), like this:

view_list.flat().filter(d=> d.id ==="8")

answered Feb 1, 2023 at 6:50

FaFa

4285 silver badges24 bronze badges

Comments

Faraz · Accepted Answer · 2023-02-01 06:52:39Z

0

one way is to flat a.view_list

const a = {
  view_list: [
    {
      id: '1'
    },
    {
      id: '2'
    },
    {
      id: '3'
    },
    [
      {
        id: '4'
      },
      {
        id: '5'
      }
    ],
    {
      id: '6'
    },
    [
      {
        id: '7'
      },
      {
        id: '8'
      }
    ],
    {
      id: '9'
    },
    {
      id: '10'
    },
    {
      id: '11'
    }
  ]
}
const list = a.view_list.flat()
a.view_list = list
const item = a.view_list.find(item => item.id === '8')
console.log(item)

answered Feb 1, 2023 at 6:52

Faraz

991 silver badge8 bronze badges

Collectives™ on Stack Overflow

How do filter inside array and array [duplicate]

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Linked

Related