DS Null(ish) Coalescing Test

Note: For the item that is blank (empty string) and the item returning 0, '??' was used. So in cases when using '||' in JS note that you might end up returning the right operand for values of '' and 0, which may not be the desired result.

by dshilkret

HTML

<h3>
    DS Null(ish) Coalescing Test
    <UL>
        <li id='view'></li>
        <li id='view1'></li>
        <li id='view2'></li>
        <li id='view3'></li>
        <li id='view4'></li>
        <li id='view5'></li>
        <li id='view6'></li>
        <li id='view7'></li>
    </UL>
    <p>
  Note: For the item that is blank (empty string) and the item returning 0, '??' was used. So in cases when using '||' in JS note that you might end up returning the right operand for values of '' and 0, which may not be the desired result. 
     </p>
    
</h3>

JavaScript

var view = null || 'Null View ||';
document.getElementById("view").innerHTML  = view;

var view = null ?? 'Null View ??';
document.getElementById("view1").innerHTML  = view;


var view = undefined || 'undefined view ||';
document.getElementById("view2").innerHTML  = view;

var view = undefined ?? 'undefined view ??';
document.getElementById("view3").innerHTML  = view;

var view = '' || 'empty string ||';
document.getElementById("view4").innerHTML  = view;

var view = '' ?? 'empty string ??';
document.getElementById("view5").innerHTML  = view;

var view = 0 || 100;
document.getElementById("view6").innerHTML  = view;

var view = 0 ?? 100;
document.getElementById("view7").innerHTML  = view;