将字符串转换为javascript对象

chu*_*h97 7 javascript jquery

我有以下字符串

":All;true:Yes;false:&nbsp"
Run Code Online (Sandbox Code Playgroud)

我想转换为一个像这样的对象:

var listItems = 
[
{itemValue: "", itemText: "All"},
{itemValue: true, itemText: "Yes"},
{itemValue: false, itemText: "&nbsp"}
];
Run Code Online (Sandbox Code Playgroud)

任何优雅的方式来做到这一点赞赏.

Vis*_*ioN 12

使用true/false布尔支持:

var listItems = [];
var yourString = ":All;true:Yes;false:&nbsp";

var arr = yourString.split(";");
for (var i = 0; i < arr.length; i++) {
    var arr2 = arr[i].split(":");
    var value = arr2[0] || "";
    if (value == "true" || value == "false")
        value = (value === "true");
    listItems.push({
        itemValue : value,
        itemText : arr2[1] || ""
    });
}

console.log(listItems);
Run Code Online (Sandbox Code Playgroud)

演示: http ://jsfiddle.net/MZKFU/1/


UPDATE.对于通用值解析,您可以使用JSON.parse带有try/catch块的方法,如Esailija的答案中所示.

演示: http ://jsfiddle.net/MZKFU/2/


Esa*_*ija 6

var str = ":All;true:Yes;false:&nbsp";
var listItems = str.split(/[;:]/g).map( function(v, i, arr){
    var itemValue;
    if( i % 2 ) {
        return;
    }

    try {
        itemValue = JSON.parse(v);
    }
    catch(e) {
        itemValue = v;
    }

    return {
        itemValue: itemValue,
        itemText: arr[i + 1]
    };
}).filter( Boolean );
Run Code Online (Sandbox Code Playgroud)

结果:

[
Object
itemText: "All"
itemValue: ""
__proto__: Object
, 
Object
itemText: "Yes"
itemValue: true
__proto__: Object
, 
Object
itemText: "&nbsp"
itemValue: false
__proto__: Object
]
Run Code Online (Sandbox Code Playgroud)