क्यों '' '.trim() `सीधे' [] .map()` 'कॉलबैक काम नहीं गुजर रहा है?

Question

मेरे पास तारों की एक सरणी है। मैं सरणी में प्रत्येक स्ट्रिंग को ट्रिम करना चाहता हूं।

मैं ''.trim() साथ [].map() का उपयोग कर काम करेगा सोचा ...

[' a', ' b ', 'c'].map(String.prototype.trim); 

... लेकिन मेरे कंसोल ने कहा ...

TypeError: String.prototype.trim called on null or undefined

jsFiddle।

मैं अपने सरणी में null या undefined मान नहीं देख सकता।

String.prototype.trim() और Array.prototype.map() क्रोम 17 में परिभाषित किया गया है, जिसका मैं परीक्षण करने के लिए उपयोग कर रहा हूं।

यह क्यों काम नहीं करता है? मुझे लगता है कि मैंने कुछ स्पष्ट रूप से अनदेखा किया है।

मुझे एहसास है कि मैं वहां एक लूप या ड्रॉप कर सकता हूं। हालांकि, इस सवाल का मुद्दा यह नहीं है।

Answer 1

trim, String प्रोटोटाइप पर है, जिसका अर्थ है कि यह उम्मीद this संदर्भ है कि एक स्ट्रिंग जहां के रूप में Array पर map विधि पहला तर्क और this संदर्भ वैश्विक वस्तु होने के रूप में वर्तमान सरणी आइटम प्रदान करता है।

Answer 2

ऐसा इसलिए है क्योंकि trim उचित this संदर्भ के साथ नहीं कहा जा रहा है। याद रखें कि this जेएस में गतिशील रूप से बाध्य है। आप trim को पारित करने के लिए ठीक से this बाध्य करने के लिए एक आवरण बनाने के लिए करना होगा:

[' a', ' b ', 'c'].map(function (str) { 
    return str.trim(); 
}); 

Answer 3

क्या @Slace कहते हैं सही व्याख्या है। @ थॉमसएडिंग का जवाब भी काम करता है लेकिन इसमें एक भयानक अक्षमता है कि एक लूप के भीतर फ़ंक्शंस बना सकता है, जो not a good thing to do है।

करने का एक और तरीका है (reference here) होगा:

[' a', ' b ', 'c'].map(Function.prototype.call, String.prototype.trim); 
// gives ["a", "b", "c"] 

स्टैंडर्ड ब्राउज़र त्याग: यह जहाँ भी Function.prototype.call और String.prototype.trim काम करेंगे काम करेंगे और पुराने ब्राउज़र के लिए, आप आसानी से एक polyfill साथ trim स्थानापन्न कर सकते हैं इस तरह:

if(!String.prototype.trim) { 
    String.prototype.trim = function() { 
    return this.replace(/^\s+|\s+$/g,''); 
    }; 
} 

अद्यतन: Interstingly, जबकि इस क्रोम में सबसे तेजी से काम करता है, @ ThomasEding की विधि थोड़ा तेज IE10 में चलाता है और FF20 - http://jsperf.com/native-trim-vs-regex-trim-vs-mixed

Answer 4

ES6 के साथ वाक्यविन्यास यह इस रूप में के रूप में आसान हो सकता है:

[' hello ', ' world'].map(str => str.trim()); 

बिल्कुल