Question

This code runs great on Chrome, FFX, etc. It takes the content of a textarea and separates all lines in different array items (new lines are represented by empty array items). When testing it on IE, it throws an error. Code:

This is tregex’s value and the call:

var tregex = /\n|([^\r\n.!?]+([.!?]+|$))/gim;

var source = $('#text').val().match(tregex).map($.trim);

The code throws this error message because of .map() (IE only)

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1;
Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR
3.5.30729) Timestamp: Fri, 13 Jul 2012 21:52:48 UTC

Message: Object doesn’t support this property or method Line: 128
Char: 6 Code: 0 URI: http://mydomain.com/src/common.js

Why? Any way I can support it on IE7+? (this was tested on IE8).

Answer 1

IE is a terrible browser, and as such doesn’t have a built-in map function (at least not in IE7-8). Since you’re trying to call map on the results of a Regular Expression match (as opposed to calling it on a jQuery results object), the only map you can use is the built-in one (that IE doesn’t have).

There are many libraries that simulate map for you however, including jQuery, Underscore, and Mochikit.

Here’s an example of how you could use jQuery’s to do what you’re trying to do:

$.map($('#text').val().match(tregex), $.trim);