Tips for choosing and filtering the preferred object in ES6

Question

Tips for choosing and filtering the preferred object in ES6

Consider this array structure:

const testData = [
{
  group: "Team1",
  info: [
    {
      key: 123,
      person: "Alice",
      type: "Football"
    },
    {
      key: 456,
      person: "Bob",
      type: "Tennis"
    },]
  },
  {
   group: "Team2",
  info: [
    {
      key: 890,
      person: "Cindy",
      type: "Swimming"
    },
    {
      key: 45611,
      person: "David",
      type: "Soccer"
    },]
  },
]

I have a function to select the info.key

If I select Alice, it should return 123 keeping only the key value in the output:

{group: Team1, key: 123, person: "Alice", type: "Football"}

Currently, my method looks like this:

const tempIndex = testData?.findIndex(({ info }) =>
      info.findIndex(({ key }) => key === e) // e represents the `key` value
    );
 console.log(tempIndex);

However, I am unsure if this is the best approach for achieving the desired result.

Is there an ES6 or lodash solution suitable for this scenario?

javascript typescript ecmascript-6

Answer 1

Answer №1

While this solution may not be the most efficient, it should suffice for moderate data sets:

const sampleData = [{
    "group": "GroupA",
    "details": [{
        "id": 123,
        "name": "Mike",
        "category": "Basketball"
      },
      {
        "id": 456,
        "name": "John",
        "category": "Golf"
      },
    ],
  },
  {
    "group": "GroupB",
    "details": [{
        "id": 890,
        "name": "Jenny",
        "category": "Gymnastic"
      },
      {
        "id": 45611,
        "name": "Santis",
        "category": "Chess"
      },
    ]
  },
]

const findGroup = name => sampleData.find(group => group.details.some(entry => entry.name === name));
const findItem = name => {
  const group = findGroup(name);
  const item = group?.details?.find(({name: n}) => n === name);
  return item ? { group: group.group, ...item } : null;
}

console.log(findItem('Jenny'));
console.log(findItem('Bob'));

Answer 2

While this solution may not be the most efficient, it should suffice for moderate data sets:

const sampleData = [{
    "group": "GroupA",
    "details": [{
        "id": 123,
        "name": "Mike",
        "category": "Basketball"
      },
      {
        "id": 456,
        "name": "John",
        "category": "Golf"
      },
    ],
  },
  {
    "group": "GroupB",
    "details": [{
        "id": 890,
        "name": "Jenny",
        "category": "Gymnastic"
      },
      {
        "id": 45611,
        "name": "Santis",
        "category": "Chess"
      },
    ]
  },
]

const findGroup = name => sampleData.find(group => group.details.some(entry => entry.name === name));
const findItem = name => {
  const group = findGroup(name);
  const item = group?.details?.find(({name: n}) => n === name);
  return item ? { group: group.group, ...item } : null;
}

console.log(findItem('Jenny'));
console.log(findItem('Bob'));

Answer 3

Answer №2

You have the option to utilize forEach along with a regular for loop instead of relying on find

const dataCollection = [{
    "team": "TeamA",
    "players": [{
        "id": 123,
        "name": 'Mike',
        "position": "Forward"
      },
      {
        "id": 456,
        "name": 'John',
        "position": "Guard"
      },
    ],
  },
  {
    "team": "TeamB",
    "players": [{
        "id": 890,
        "name": 'Jenny',
        "position": "Dancer"
      },
      {
        "id": 45611,
        "name": 'Santis',
        "position": "Musician"
      },
    ]
  }
]


function findPlayer(playerName) {
  let currentPlayer = {};
  dataCollection.forEach((item) => {
    for (let i = 0; i < item.players.length; i++) {
      if (item.players[i].name === playerName) {
        currentPlayer = item.players[i]
      }
    }
  })
  return currentPlayer;
}

console.log(findPlayer('Mike'))

Answer 4

You have the option to utilize forEach along with a regular for loop instead of relying on find

const dataCollection = [{
    "team": "TeamA",
    "players": [{
        "id": 123,
        "name": 'Mike',
        "position": "Forward"
      },
      {
        "id": 456,
        "name": 'John',
        "position": "Guard"
      },
    ],
  },
  {
    "team": "TeamB",
    "players": [{
        "id": 890,
        "name": 'Jenny',
        "position": "Dancer"
      },
      {
        "id": 45611,
        "name": 'Santis',
        "position": "Musician"
      },
    ]
  }
]


function findPlayer(playerName) {
  let currentPlayer = {};
  dataCollection.forEach((item) => {
    for (let i = 0; i < item.players.length; i++) {
      if (item.players[i].name === playerName) {
        currentPlayer = item.players[i]
      }
    }
  })
  return currentPlayer;
}

console.log(findPlayer('Mike'))

Answer 5

Answer №3

Utilizing the find() method within a basic for-of loop

const retrieveIdByName = (name) => {
   let id;   
   for( team of data){        
        id =  team.members.find(({name}) => name === nm )?.id || false;
        if(id)  break;      
    }  
    return id;
}
    
console.log(retrieveIdByName('Mike'))

<script>
  const data = [
  {
    "team": "TeamA",
    "members": [
      {
        "id": 123,
        "name": "Mike",
        "role": "Captain"
      },
      {
        "id": 456,
        "name": "John",
        "role": "Player"
      }
    ]
  },
  {
    "team": "TeamB",
    "members": [
      {
        "id": 890,
        "name": "Jenny",
        "role": "Coach"
      },
      {
        "id": 45611,
        "name": "Santis",
        "role": "Manager"
      }
    ]
  }
]
</script>

Answer 6

Utilizing the find() method within a basic for-of loop

const retrieveIdByName = (name) => {
   let id;   
   for( team of data){        
        id =  team.members.find(({name}) => name === nm )?.id || false;
        if(id)  break;      
    }  
    return id;
}
    
console.log(retrieveIdByName('Mike'))

<script>
  const data = [
  {
    "team": "TeamA",
    "members": [
      {
        "id": 123,
        "name": "Mike",
        "role": "Captain"
      },
      {
        "id": 456,
        "name": "John",
        "role": "Player"
      }
    ]
  },
  {
    "team": "TeamB",
    "members": [
      {
        "id": 890,
        "name": "Jenny",
        "role": "Coach"
      },
      {
        "id": 45611,
        "name": "Santis",
        "role": "Manager"
      }
    ]
  }
]
</script>

Tips for choosing and filtering the preferred object in ES6

Answer №1

Answer №2

Answer №3

Similar questions

Anticipate receiving a 'Type' returned by external library functions

Sequelize JS - Opting for the On clause in join operations

Utilizing jQuery to Perform Calculations with Objects

Searching Firebase by using comparison operators on various fields

When trying to run the "npm start" command, I encountered a syntax error that specifically mentioned the use of

Creating diverse options using attribute-value pairs

Utilizing various filters and sorting options on API response within Angular 8

How can I use JavaScript to modify the style of the first unordered list (ul) element without affecting the

Using Systemjs to transpile TypeScript async functions

Ways to showcase multiple elements using introjs

Database storing incorrect date values

Mapping an array using getServerSideProps in NextJS - the ultimate guide!

Guide to retrieving the previous URL in Angular 2 using Observables

Combining several JSON objects into a single JSON object using JavaScript

Utilizing Regular Expressions as a Key for Object Mapping

Even though the onSubmit attribute is set to false in the HTML form, it still submits

Encountering the error `ReferenceError: document is not defined` when trying to deploy a Next.js project on Vercel

Transforming iframe programming into jquery scripting

Overriding the w-4xl with sm:text-2xl in Tailwind CSS

Safeguarding user data across all components is facilitated by Angular 2