У меня есть массив строк. Я хочу обрезать каждую строку в массиве.
Я подумал, используя [].map() с ''.trim() будет работать...
[' a', ' b ', 'c'].map(String.prototype.trim);
... но моя консоль сказала...
TypeError: String.prototype.trim вызывает null или undefined
Я не вижу никаких значений null или undefined в моем массиве.
String.prototype.trim() и Array.prototype.map() определены в Chrome 17, которые я использую для тестирования.
Почему это не работает? У меня такое чувство, что я забыл что-то очевидное.
Я понимаю, что я мог бы зациклиться или отбросить функцию там. Однако это не вопрос этого вопроса.
trim находится в прототипе String, что означает, что он будет иметь контекст this как строку, где в качестве метода map на Array предоставляется текущий элемент массива в качестве первого аргумента и контекст this является глобальным объектом.
Что @Slace говорит, это правильное объяснение. @ThomasEding ответ также работает, но имеет одну ужасную inefficieny, что он может создавать функции внутри цикла, нехорошо делать.
Другой способ сделать: (ссылка здесь):
[' a', ' b ', 'c'].map(Function.prototype.call, String.prototype.trim);
// gives ["a", "b", "c"]
Стандартный отказ от браузера. Это будет работать везде, где Function.prototype.call и String.prototype.trim будут работать, а для старых браузеров вы можете легко заменить trim на polyfill следующим образом:
if(!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^\s+|\s+$/g,'');
};
}
Обновление: в то время как это работает быстрее всего в Chrome, метод @ThomasEding работает немного быстрее в IE10 и FF20 - http://jsperf.com/native-trim-vs-regex-trim-vs-mixed p >
Это потому, что trim не вызывается с соответствующим this контекстом. Помните, что this динамически связан в JS. Вам нужно будет создать обертку для перехода к trim для правильной привязки this:
[' a', ' b ', 'c'].map(function (str) {
return str.trim();
});
С синтаксисом ES6 это может быть так просто:
[' hello ', ' world'].map(str => str.trim());