html5本地存儲拆分JSON.stringify數據

Question

我已將一些數據存儲在名爲Test的值中，如this fiddle及以下所示。

var test = "yellow,green"; 
    var storedTest = localStorage.setItem("Test", JSON.stringify(test)); 
    $('body').append('color:' + localStorage.getItem('Test')); 

目前我的HTML輸出

color:"yellow,green" 

但我希望能夠因此它輸出到分裂我的變量。

color:"yellow", color:"green" 

爲了達到這個目的我需要做些什麼？

Answer 1

那麼你可以這樣做：

$('body').append('color:' + 
       localStorage.getItem('Test').replace(/,/g,'", color: "') + '"') 

也就是說，與文本", color: "（其中雙引號替換字符串的一部分）替換每個逗號，以及把'color:'開頭和最後雙引號。

如果你想獲得個人色彩到一個數組，這樣就可以在你可以做到這一點其他方式對其進行處理：

var colorArray = JSON.parse(localStorage.getItem('Test')).split(','); 
// gives ["yellow", "green"] 

演示（兩者）：http://jsfiddle.net/TUFfS/