Snippet

Checking for Matches with Array.some()

The .some() method tests whether at least one element in an array passes the implemented test function. It returns a boolean immediately upon finding a match, making it highly efficient for status checks in UI components.

snippet.js

javascript

function NotificationBadge(props) {
  const hasUnread = props.messages.some(function(msg) {
    return msg.status === 'unread';
  });
  return hasUnread ? <span>New!</span> : null;
}

nextjs

Breakdown

props.messages.some(...)

Starts the search through the array to see if any element meets our criteria.

return msg.status === 'unread'

The condition we are checking for; if this is true for even one item, .some() returns true.

Previous snippet Next snippet

More Beginner JavaScript exercises →

Checking for Matches with Array.some()

Related