JavaScript ternary operator example with functions

by

Heh, there are some pretty exciting uses of ternary syntax in your question; I like the last one the best…

x = (1 < 2) ? true : false;

The use of ternary here is totally unnecessary – you could simply write

x = (1 < 2);

Likewise, the condition element of a ternary statement is always evaluated as a Boolean value, and therefore you can express:

(IsChecked == true) ? removeItem($this) : addItem($this);

Simply as:

(IsChecked) ? removeItem($this) : addItem($this);

In fact, I would also remove the IsChecked temporary as well which leaves you with:

($this.hasClass("IsChecked")) ? removeItem($this) : addItem($this);

As for whether this is acceptable syntax, it sure is! It’s a great way to reduce four lines of code into one without impacting readability. The only word of advice I would give you is to avoid nesting multiple ternary statements on the same line (that way lies madness!)

More Related Contents:

  1. How to get numeric value from a prompt box? [duplicate]
  2. Include jQuery in the JavaScript Console
  3. jQuery has deprecated synchronous XMLHTTPRequest
  4. Send POST data on redirect with JavaScript/jQuery? [duplicate]
  5. How to set value of input text using jQuery
  6. Expose jQuery to real Window object with Webpack
  7. Triggering onclick event using middle click
  8. How can I get selector from jQuery object
  9. How can I control the back button event in jQuery Mobile?
  10. Javascript decoding html entities [duplicate]
  11. Keep Bootstrap Dropdown Open When Clicked Off
  12. jQuery attr vs prop?
  13. Copy image to clipboard
  14. How do I find out with jQuery if an element is being animated?
  15. pass post data with window.location.href
  16. How to open a new window and insert html into it using jQuery?
  17. How to get the tag HTML with JavaScript / jQuery?
  18. javascript regex for password containing at least 8 characters, 1 number, 1 upper and 1 lowercase [duplicate]
  19. How can I retain the scroll position of a scrollable area when pressing back button?
  20. How to send variables from one file to another in Javascript? [duplicate]
  21. Rails, javascript not loading after clicking through link_to helper
  22. How to make jQuery to not round value returned by .width()?
  23. How to set ChartJS Y axis title?
  24. jquery only allow input float number
  25. how to upload and delete files from dropzone.js
  26. jQuery DataTables “No Data Available in Table”
  27. Gaussian Blur onHover Using jQuery
  28. How to send data from HTML form to Google Spreadsheet using JavaScript?
  29. Are 301 redirects possible using javascript or jQuery?
  30. canvas- Cropping images in different shapes

Leave a Comment