Good bad and ugly Code

good_bad_ugly_code.js

// Bad
// Using another condition inside the ternary operator a.k.a nested ternary is bad.
products.filter(({ availableStock, quantity }) => availableStock !== undefined ? quantity <= availableStock : true)


// Ugly
// too many understanding requires, you need to be fully comprehend the double-pipe operator, then read the condition,
// yet code still feels uncertain taste in the mouth.
products.filter(({availableStock, quantity}) => availableStock === undefined ||  availableStock >= quantity

		
// Good
// You read it, you understand it. No tricks.
products.filter (( availableStock, quantity )) => {

	// if there's an stock check with quantity
	// and include product item only 
	// if stock higher than quantity
	if (availableStock) {
		return availableStock >= quantity;
	}

	// if there's no stock then include
	return true;
}