Javascript .includes method on an array within an object

Question

I want to filter through an array and retrieve items if their filters match. However it does not work.

const wanted=["apple"]
const items = [
  {
    "name": "Iphone"
    "filters": ["phone","apple"]
  },
  {
    "name": "samsung12"
    "filters": ["samsung12","samsung"]
  },
]

let desiredList = items.filter((val) => wanted.includes(val.filters));

Any ideas on how i could get this to work?

@technophyle edited it yes its an array with many objects but simplified it in demo — lb2020
– lb2020, Commented Jan 12, 2023 at 20:49
includes method doesn't work like that. See documentation again. — technophyle
– technophyle, Commented Jan 12, 2023 at 20:51

k.tten · Accepted Answer · 2023-01-12 20:51:54Z

2

You would need to use some to check if any of the filters contains a value in wanted:

const wanted = ["apple"]
const items = [{
  "name": "Iphone",
  "filters": ["phone", "apple"]
}, {
  "name": "samsung12",
  "filters": ["samsung12", "samsung"]
}];

let desiredList = items.filter((item) => item.filters.some((f) => wanted.includes(f)));

console.log(desiredList);

answered Jan 12, 2023 at 20:51

k.tten

26.8k4 gold badges34 silver badges63 bronze badges

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

Comments

Ahmed Sbai · Accepted Answer · 2023-01-12 20:52:17Z

1

const wanted="apple"
const items = [
"name": "Iphone"
"filters": ["phone","apple"]
]

let desiredList = 
items.filter((val)=> 
val.filters.includes(wanted) )

answered Jan 12, 2023 at 20:52

Ahmed Sbai

16.5k11 gold badges34 silver badges54 bronze badges

3 Comments

k.tten Over a year ago

wanted is supposed to be an array, though.

lb2020 Over a year ago

wanted is an array but thanks for help manage to solve

Ahmed Sbai Over a year ago

Thats the point, based on his code example I though that the problem is declaring wanted as an array !

Burham B. Soliman · Accepted Answer · 2023-01-12 21:00:21Z

1

simply you need to filter your items searching the required field, then map the result using .map for each result

here you can check it

let abc = document.querySelectorAll('div')

const wanted=["apple"]
const items = [{
  "name": "Iphone",
  "filters": ["phone","apple"]
},{
  "name": "Iphone",
  "filters": ["phone","sony"]
},{
  "name": "Iphone",
  "filters": ["phone","samsung"]
}]

items.filter((val) => val["filters"].includes(wanted[0])).map((item) => { item? abc[0].innerHTML += item.name+"<br />"+item.filters : console.log("none") })

<div></div>

answered Jan 12, 2023 at 21:00

Burham B. Soliman

1,6051 gold badge12 silver badges14 bronze badges

Collectives™ on Stack Overflow

Javascript .includes method on an array within an object

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related