JSFiddle - React, Tailwind, and code Playground

by ken3desu

HTML

<div>
  <h5>Object</h5>
  <pre id="obj-console"></pre>
  <h5>Map</h5>
  <pre id="map-console"></pre>
</div>

JavaScript

const obj = {
  foo: 'bar',
  fizz: 'bazz',
  hoge: 'fuga'
}
const map = new Map(Object.entries({...obj}));
function workAboutObj(key){
    if(obj[key]){
        // Object では key === 'constructor' の時、こちらに来る
        document.getElementById('obj-console').innerText = obj[key];
    }else{
        document.getElementById('obj-console').innerText = 'これは else 側';    
    }
}
function workAboutMap(key){
    if(map.get(key)){
        document.getElementById('map-console').innerText = map.get(key);
    }else{
        // Map なら key === 'constructor' の時、こちらに来る
        document.getElementById('map-console').innerText = 'これは else 側';    
    }
}
workAboutObj('constructor');
workAboutMap('constructor');