如何在另一个对象数组中获取按值过滤的新数组？ javascript

Question

I want to get only the array of presents modify by the scoreChild, but result1 include the name also, I am finding little bit hard to understand iteration object inside array with array

  const wishesData = [
    {
       name: "Peter",
      presents: ["coffee", "holidays"]
    },
    {
       name: "Mario",
      presents: ["coffee", "videogames"]
    },
    {
       name: "Amanda",
      presents: ["computer", "tattoo"]
    },
    {
      name: "David",
      presents: ["car","clothes"]
    }
  ]
  const scoresData= [
    {
      name: "Peter",
      score: 10
    },
    {
      name: "Mario",
      score: 6.3
    },
    {
       name: "Amanda",
      score: 1.1
    },
     {
       name: "David",
      score: 8
    }
  ]

  const childScore = scoresData.find(s=>s.name=== "Amanda").score

  console.log("Amanda score",childScore)

const result1 = wishesData.filter((ele)=>{
 
console.log("estos childScore=>",childScore)
  if(ele.name === "Amanda"){
    if(childScore>7){
    return ele.presents
  } else if(childScore<7 || childScore>5) {
    return  [...ele.presents, "coal"]
  } else if (childScore<5){
    return ele.presents.slice(0,1).concat("coal")
  }
  }

})

console.log(result1)

this is the result I am expected: result1 = ["car","coal"], I mean each time I change the name of child I will get the array with the presents he "deserve" according to his score

Answer 1

If I understand this correctly, you want to have different behaviour depending on score.

For this example, you will never reach the last test in this function

  (ele)=>{
 
  console.log("estos childScore=>",childScore)
  if(ele.name === "Amanda"){
    if(childScore>7){
    return ele.presents
  } else if(childScore<7 || childScore>5) {
    return  [...ele.presents, "coal"]
  } else if (childScore<5){
    return ele.presents.slice(0,1).concat("coal")
  }
  }

}

because the part

else if(childScore<7 || childScore>5) {
        return  [...ele.presents, "coal"]
      }

will return true for everything, maybe you wanted && instead of ||

Another thing, if you want to just have the presents value, filter is not what you need, since it only wants a boolean value in return to create a new array with only values matching the predicate.

you can use reduce method here like this

const result1 = wishesData.reduce((acc, ele)=>{
  console.log("estos childScore=>",childScore)
  if(ele.name === "Amanda"){
    if(childScore>7){
      return ele.presents
    } else if(childScore<7 || childScore>5) {
      return  [...ele.presents, "coal"]
    } else if (childScore<5){
      return ele.presents.slice(0,1).concat("coal")
    }
  }
 return acc;
})

Hope this answers your question: :)

Edit: The part inside can be simplified to

if(childScore>7) return ele.presents;
if (childScore<5) return ele.presents.slice(0,1).concat("coal");
return [...ele.presents, "coal"];

or even

return childScore>7 ? ele.presents : [...(childScore < 5 ? ele.presents.slice(0,1) : ele.presents), "coal"];

if you wanted a one-liner (note that [ele.presents[0]] may be more readable than ele.presents.slice(0,1) as well)