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"] 

Demo (обоих): http://jsfiddle.net/TUFfS/