chuyển đổi một chuỗi để javascript đối tượng

Question

Tôi có chuỗi sau

":All;true:Yes;false:&nbsp" 

Tôi muốn chuyển đổi là một đối tượng như:

var listItems = 
[ 
{itemValue: "", itemText: "All"}, 
{itemValue: true, itemText: "Yes"}, 
{itemValue: false, itemText: "&nbsp"} 
]; 

Bất kỳ cách thanh lịch để làm điều này đánh giá cao.

Answer 1

Với true/false hỗ trợ boolean:

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); 

DEMO:http://jsfiddle.net/MZKFU/1/

---

UPDATE. Để phân tích giá trị phổ dụng, bạn có thể sử dụng phương thức JSON.parse với khối try/catch, như được trình bày trong Esailija's answer.

DEMO:http://jsfiddle.net/MZKFU/2/

Answer 2

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); 

Kết quả:

[ 
Object 
itemText: "All" 
itemValue: "" 
__proto__: Object 
, 
Object 
itemText: "Yes" 
itemValue: true 
__proto__: Object 
, 
Object 
itemText: "&nbsp" 
itemValue: false 
__proto__: Object 
] 

Answer 3

var string = ":All;true:Yes;false:&nbsp"; 
var array = string.split(/:|;/); 

var listItems = []; 

for (var i = 0; i < array.length; i += 2) { 
    listItems.push({itemValue: array[i], itemText: array[i + 1]}) 
} 

Chú ý rằng điều này sẽ thiết lập "false" và "true" như chuỗi. Tương tự cho số nếu bạn có nó. Nếu bạn muốn lưu chúng với các loại thích hợp, bạn phải thêm chuyển đổi thủ công. Một cái gì đó như:

function value(val) { 
    if (!isNaN(val)) 
     return +val; 

    if (val === "true") 
     return true; 

    if (val === "false") 
     return false; 

    return val; 
} 

Do đó dòng đẩy đối tượng vào mảng sẽ thay đổi như sau:

listItems.push({itemValue: value(array[i]), itemText: array[i + 1]}) 

Answer 4

var myString = ":All;true:Yes;false:&nbsp"; 
var myArray = myString.split(';'); 
var literal = []; 
for(var i = 0; i<myArray.length; i++){ 
    var mixed_string = myArray[i]; 
    var changed_array = mixed_string.split(":"); 
    var key = changed_array[0]; 
    var value = changed_array[1]; 
    literal.push({key:value}); 
} 
console.log(literal);