{"id":96,"date":"2006-02-24T01:09:10","date_gmt":"2006-02-24T06:09:10","guid":{"rendered":"http:\/\/www.phpied.com\/bitwaise-operations-in-javascript\/"},"modified":"2006-02-24T01:09:43","modified_gmt":"2006-02-24T06:09:43","slug":"bitwise-operations-in-javascript","status":"publish","type":"post","link":"https:\/\/www.phpied.com\/bitwise-operations-in-javascript\/","title":{"rendered":"Bitwise operations in JavaScript"},"content":{"rendered":"

Don't you just love discovering new treasures?! Today I stumbled upon a Google\/ex-Urchin javascript - urchin.js<\/a>. Scrolling down the file with no apparent purpose in mind, I though I saw some >><\/code> and <<<\/code>s. A second look? Yep, these do look like bitwise operators. In JavaScript? In the poor old insulted, sweared-upon, ignored, dumped to the juniors, forbidden, forgotten, no-good cheap status-bar-changing-only, blinking and blinding and obtrusive, cursor-following JavaScript. In the \"abused, misunderstood, and kicked around like the poor step-child as known in fairytales\" JavaScript (Dustin Diaz<\/a>).<\/p>\n

Yes, in (the reborn, beloved, the J in AJAX) Javascript, you can do bitwise operations, just like our grand-grand-dads did it in ANSI C \ud83d\ude09 It's questionably useful, but who knows, life and projects come in all shapes. Personally I can't remember the last time I needed to bother with bitwise operations. (Ohm yes, I do, two days ago, working on an ANSI C to Java migration project \ud83d\ude41 )<\/p>\n

Here's an example script (inspired by the PHP manual<\/a>), that takes a hexadecimal color value, such as ff0088, parses it as 16 bit integer and then uses bitwise shifting to get the red, green and blue values from it.<\/p>\n

var <\/span>hex<\/span> = <\/span>'<\/span>ffaadd<\/span>'<\/span>;\r\n<\/span>var <\/span>rgb<\/span> = <\/span>parseInt<\/span>(<\/span>hex<\/span>, <\/span>16<\/span>)<\/span>; <\/span>\/\/ value is 1675421\r\n\r\n\r\n<\/span>var <\/span>red<\/span>   = <\/span>(<\/span>rgb<\/span> >> <\/span>16<\/span>)<\/span> & <\/span>0<\/span>xFF<\/span>; <\/span>\/\/ returns 255\r\n<\/span>var <\/span>green<\/span> = <\/span>(<\/span>rgb<\/span> >> <\/span>8<\/span>)<\/span> & <\/span>0<\/span>xFF<\/span>;  <\/span>\/\/ 170\r\n<\/span>var <\/span>blue<\/span>  = <\/span>rgb<\/span> & <\/span>0<\/span>xFF<\/span>;\t\t<\/span>\/\/ 221\t<\/span><\/pre>\n
And here's a demo to experiment with<\/a> .<\/p>\n
For the full list of available bitwise opearations (it's more or less the same as in PHP, Java, C++#>;-\\) and for some more info, just do a search<\/a> query<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Warning: geek post ahead with a practical use of “little to none”.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/posts\/96"}],"collection":[{"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":0,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpied.com\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}