Convert a textbox string to javascript array

Question

I have a textbox that contains the following -

[[0, 0], [1, 0], [2, 0], [3, 0], [4, 0], [5, 1], [6, 6]]

I need to be able to convert this to an array, in exactly the same format for a graph. The code I have tried below does not work as it does not have the square brackets inside the array.

/*****SIMPLE CHART*****/
        var flashstring = document.getElementsByName('hfMessageHistory')[0].value;

        var flash = new Array();
        flash = flashstring.split(",");

        for (a in flash) {
            flash[a] = parseInt(flash[a], 10) || 0; // Explicitly include base as per Álvaro's comment
        }

        alert(flash);

        function showTooltip(x, y, contents) {
            jQuery('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css({
                position: 'absolute',
                display: 'none',
                top: y + 5,
                left: x + 5
            }).appendTo("body").fadeIn(200);
        }


        var plot = jQuery.plot(jQuery("#chartplace"),
               [{ data: [flash], label: "Messages Sent", color: "#ff6c00" }], {
                   series: {
                       lines: { show: true, fill: true, fillColor: { colors: [{ opacity: 0.05 }, { opacity: 0.15 }] } },
                       points: { show: true }
                   },
                   legend: { position: 'nw' },
                   grid: { hoverable: true, clickable: true, borderColor: '#ccc', borderWidth: 1, labelMargin: 10 },
                   yaxis: { min: 0, max: 20 }
               });

idmean · Accepted Answer · 2014-09-07 15:10:41Z

1

The string is JSON. Use JSON.parse():

var flashstring = document.getElementsByName('hfMessageHistory')[0].value;
var flash = JSON.parse(flashstring);

answered Sep 7, 2014 at 15:10

idmean

15k9 gold badges63 silver badges90 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bhojendra Rauniyar · Accepted Answer · 2014-09-07 15:10:13Z

1

Avoiding other parts of your code(not clear what you're asking), you can covert a string to an array by using the bracket([]):

var str = '[[0, 0], [1, 0], [2, 0], [3, 0], [4, 0], [5, 1], [6, 6]]'
var arr = [str];

answered Sep 7, 2014 at 15:10

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

Comments

Amir Popovich · Accepted Answer · 2014-09-07 15:11:39Z

1

Use JSON.parse:

HTML:

<input type="text" id="text1" />
<button onclick="parse()">Parse</button>

JS:

$('#text1').val('[[0, 0], [1, 0], [2, 0], [3, 0], [4, 0], [5, 1], [6, 6]]');

function parse() {
    try {
        var parsed = JSON.parse($('#text1').val());
        console.log(parsed);
    } catch (e) {
        console.log('parse failed. Check your input');
    }
 }

JSFIDDLE.

answered Sep 7, 2014 at 15:11

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

Collectives™ on Stack Overflow

Convert a textbox string to javascript array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related