जावास्क्रिप्ट में (गैर) समानताएं न बनाएं, वे इससे भी बदतर हैं

मैं समय-समय पर उन प्रकाशनों से मिलता हूँ जहाँ यह बताया जाता है कि == ऑपरेटर के कौन से मूल्य समतुल्य हैं (जैसे, उदाहरण के लिए, यहाँ )। अक्सर, यह निर्धारित किया जाता है कि तालिका में दिए गए डेटा बहुत अच्छी तरह से व्यवस्थित नहीं हैं।

मैं मानता हूं, ऑपरेटर की खामियों को बेहतर तरीके से नेविगेट करने के लिए ऐसी तालिकाओं की आवश्यकता होती है ... केवल तालिका में डेटा के संगठन में खामियां, मेरी राय में, स्थिति को और भी अधिक जटिल करती है। उदाहरण के लिए, उपरोक्त लिंक से तालिका है:



एक बुरा सपना, कामरेड! .. मेरे लिए, पंक्तियों / स्तंभों के क्रम में एक बड़ी गड़बड़ है।

चौराहों की उपस्थिति से उन्हें समूहीकृत करने से हमें एक अधिक समझदार तस्वीर मिलती है:



यह नेविगेट करना आसान है, है ना? और तालिका का ऐसा संगठन भी आपको खामियों को तुरंत देखने की अनुमति देता है == ।

कोड

नीचे वह कोड है जो मैंने इस तालिका का अपना संस्करण बनाने के लिए उपयोग किया था। यह jsfiddle पर उपलब्ध है।

एचटीएमएल

 <canvas id="drawCanvas" width="500" height="500" /> 

जावास्क्रिप्ट

 var cmp = function(v1, v2) { return v1 == v2; }; var vals = [ ["false", function() { return false; }], ["0", function() { return 0; }], ['""', function() { return ""; }], ["[[]]", function() { return [[]]; }], ["[]", function() { return []; }], ['"0"', function() { return "0"; }], ["[0]", function() { return [0]; }], ["[1]", function() { return [1]; }], ['"1"', function() { return "1"; }], ["1",function() { return 1; }], ["true", function() { return true; }], ["-1", function() { return -1; }], ['"-1"', function() { return "-1"; }], ["null", function() { return null; }], ["undefined", function() { return undefined; }], ["Infinity", function() { return Infinity; }], ["-Infinity", function() { return -Infinity; }], ['"false"', function() { return "false"; }], ['"true"', function() { return "true"; }], ["{}", function() { return {}; }], ["NaN", function() { return NaN; }] ]; var canvas = document.getElementById("drawCanvas"); var ctx = canvas.getContext("2d"); var n = vals.length; var r = 20; // diameter of grid squares var p = 60; // padding space for labels // color grid cells for (var i = 0; i < n; i++) { var v1 = vals[i][1](); for (var j = 0; j < n; j++) { var v2 = vals[j][1](); var eq = cmp(v1, v2); ctx.fillStyle = eq ? "orange" : "white"; ctx.fillRect(p+i*r,p+j*r,r,r); } } // draw labels ctx.fillStyle = "black"; var f = 12; ctx.font = f + "px Helvetica"; for (var i = 0; i < n; i++) { var s = vals[i][0]; var w = ctx.measureText(s).width; ctx.save(); ctx.translate(p+i*r+r/2-f*0.4,pw-2); ctx.rotate(3.14159/2); ctx.fillText(s, 0, 0); ctx.restore(); } for (var i = 0; i < n; i++) { var s = vals[i][0]; var w = ctx.measureText(s).width; ctx.fillText(s, pw-2, p+i*r+r/2+f*0.4); } // draw grid lines ctx.beginPath(); ctx.strokeStyle = "black"; for (var i = 0; i <= n; i++) { ctx.moveTo(p+r*i, p); ctx.lineTo(p+r*i, p+r*n); ctx.moveTo(p, p+r*i); ctx.lineTo(p+r*n, p+r*i); } ctx.stroke(); 

सारांश

जावास्क्रिप्ट में == ऑपरेटर पूरी तरह से अकर्मक और त्रुटिपूर्ण है। और यद्यपि इसकी कमियां === का उपयोग करके कवर से अधिक हैं, यह इतना भयानक नहीं है जितना कि कुछ तालिकाओं में दिखाया गया है ...

अद्यतन

यह कठिन था, लेकिन फिर भी < संचालक के लिए एक सत्य सारणी बनाने में कामयाब रहा ( jsfiddle को देखें ):



तुलना ऑपरेटर के लिए सत्य तालिका आकार में एक त्रिकोण की याद दिलाती है, यदि आप इसके मूल्यों को सही क्रम में रखते हैं।

(वैसे, तुलना के लिए सत्य तालिका में मूल्यों को आदेश देने का सिद्धांत हमेशा समानता तालिकाओं के संकलन के लिए उपयुक्त नहीं है।)

अनुवादक से पी.एस.

मैं रेडिट पर इस लेख की चर्चा पर आपका ध्यान आकर्षित करना चाहूंगा। वास्तव में, तालिका का मूल संगठन काफी अच्छा कारण है :