JSFiddle - React, Tailwind, and code Playground

by David Kyle

HTML

<div id="test-node">test
</div>

JavaScript

var DataHolder = function() {
    var instanceData = null;
    var me = this;
    me.setData = function(data) {
		instanceData = data;
    }
    me.getData = function() {
        return instanceData;
    }
}

var arr = new Array();
var holder = new DataHolder();

arr.push("myValue");
arr.push("value2");

holder.setData(arr.toString());

console.log(holder.getData());

var builtArray = holder.getData().split(",");

console.log("Valid Looping");
for(i = 0; i<builtArray.length; i++) {
 	console.log(builtArray[i] + "\n");   
}

builtArray.push("Value3");

holder.setData(builtArray);

console.log(holder.getData());

console.log("Invalid looping");

var finalArray = holder.getData().split(","); // This is wrong because it's not a string anymore

for(i = 0; i<2;i++) {
    console.log(finalArray[i]); // BOOM
}