create sub array from string in javascript IE

Question

I have string like

var sHTMLTable = "> 24 Hrs.,2,19,20,10,27,16,26,64,246,1|> 12 Hrs.,0,0,0,0,0,0,0,0,0,0|> 8 Hrs.,0,0,0,0,0,0,0,0,0,0|> 4 Hrs.,0,0,0,0,0,0,0,0,0,0|Total,2,19,20,10,27,16,26,64,246,1"

I want it to convert to Sub Array

var res = sHTMLTable.split("|").map(function (s) {
    var arr = s.split(",");
    return { name: arr.shift(), data: arr.map(Number) };
});
console.log(JSON.stringify(res));

Which give me perfect output

[{"name":"> 24 Hrs.","data":[2,19,20,10,27,16,26,64,246,1]},{"name":"> 12 Hrs.","data":[0,0,0,0,0,0,0,0,0,0]},{"name":"> 8 Hrs.","data":[0,0,0,0,0,0,0,0,0,0]},{"name":"> 4 Hrs.","data":[0,0,0,0,0,0,0,0,0,0]},{"name":"Total","data":[2,19,20,10,27,16,26,64,246,1]}]

But it throws error in IE because of .map function i used . how can i make it work in IE by achieving same result ?

Look for "Array.prototype.map polyfill". – elclanrs Aug 20 '13 at 09:46 — elclanrs, Aug 20 '13 at 09:46
Dear give detail of the error. – Awais Qarni Aug 20 '13 at 09:46 — Awais Qarni, Aug 20 '13 at 09:46
You do not need map for this. See my answer! – Exception Aug 20 '13 at 09:59 — Exception, Aug 20 '13 at 09:59

Arun P Johny · Answer 1 · 2013-08-20T09:57:25.267

2

Use $.map() since you are using jQuery

var sHTMLTable = "> 24 Hrs.,2,19,20,10,27,16,26,64,246,1|> 12 Hrs.,0,0,0,0,0,0,0,0,0,0|> 8 Hrs.,0,0,0,0,0,0,0,0,0,0|> 4 Hrs.,0,0,0,0,0,0,0,0,0,0|Total,2,19,20,10,27,16,26,64,246,1"
var res = $.map(sHTMLTable.split("|"), function (s) {
    var arr = s.split(",");
    return { name: arr.shift(), data: $.map(arr, Number) };
});
console.log(JSON.stringify(res));

edited Aug 20 '13 at 09:57

answered Aug 20 '13 at 09:46

Arun P Johny

384,651
66
527
531

Dear don't you think `return { name: arr.shift(), data: arr.map(Number) };` again will produce error? – Awais Qarni Aug 20 '13 at 09:52
1

@AwaisQarni in that case replace it with `$.map(arr, Number)` – Arun P Johny Aug 20 '13 at 09:57

score 2 · Accepted Answer · edited May 23 '17 at 12:28

Look a wonderful answer of solution all arrays function in IE here. In above of your code write

 if (!('map' in Array.prototype)) {
Array.prototype.map= function(mapper, that /*opt*/) {
    var other= new Array(this.length);
    for (var i= 0, n= this.length; i<n; i++)
        if (i in this)
            other[i]= mapper.call(that, this[i], i, this);
    return other;
};
}

Or simply use jQuery.map like this

 jQuery.map(a, function( ) { //what ever you want todo .. }

score 1 · Answer 3 · answered Aug 20 '13 at 09:48

1

Just replace Array.prototype.map with $.map on the both places:

var sHTMLTable = "> 24 Hrs.,2,19,20,10,27,16,26,64,246,1|> 12 Hrs.,0,0,0,0,0,0,0,0,0,0|> 8 Hrs.,0,0,0,0,0,0,0,0,0,0|> 4 Hrs.,0,0,0,0,0,0,0,0,0,0|Total,2,19,20,10,27,16,26,64,246,1"
var res = $.map(sHTMLTable.split("|"), function (s) {
    var arr = s.split(",");
    return { name: arr.shift(), data: $.map(arr, (Number)) };
});
console.log(JSON.stringify(res));

answered Aug 20 '13 at 09:48

Minko Gechev

25,304
9
61
68

This is only if Sagar is using jQuery... (or any library mapped to `$`) – Antoine Aug 20 '13 at 09:53
Yes, jQuery is set as tag of the question :) – Minko Gechev Aug 20 '13 at 09:54

score 1 · Answer 4 · answered Aug 20 '13 at 09:49

1

IE doesn't support map(). Check MDN (Mozilla Developer Network):

map - MDN

Looks like IE added support for map() in version 9.

answered Aug 20 '13 at 09:49

Amith

1,424
1
10
22

score 1 · Answer 5 · answered Aug 20 '13 at 09:57

Here is my version

 sHTMLTable = sHTMLTable.split('|');
 for(var i = 0, l = sHTMLTable.length; i < l ; i++){
    temp = sHTMLTable[i].replace(',','_').split('_');
    sHTMLTable[i] = {
       name : temp[0],
       data : temp[1]
    }
 }

Check it here in http://jsfiddle.net/GvyuV/

create sub array from string in javascript IE

5 Answers5