javascript - 使用 jquery 或 javascript 将逗号分隔的键和值字符串转换为对象

Question

我像这样使用 JavaScript 读取 HTML 元素的属性:

<table data-option="pageSize:10, pageNumber:1, rowNumber:true"></table>

我将有这样一个字符串:

attrs="pageSize:10, pageNumber:1, rowNumber:true";

我有一个像这样的键和值 JavaScript 对象:

obj={pageSize:12, pageNumber:1, rowNumber:true}

我想将我的属性转换为像 obj 这样的对象。

Answer 1

您可以自己迭代并创建对象

var attr = $('table').data('option');
var obj  = {};

$.each(attr.split(','), function(index, item) {
    var parts = $.map(item.split(':'), function(part) {
        part = $.trim(part);
        if ( +part == part ) return +part
        else if ( part === 'true' ) return true
        else if ( part === 'false') return false
        else return part;
    });
    obj[parts[0]] = parts[1];
});

var attr = $('table').data('option');
var obj  = {};

$.each(attr.split(','), function(index, item) {
	var parts = $.map(item.split(':'), function(part) {
    	part = $.trim(part);
    	if ( +part == part ) return +part
        else if ( part === 'true' ) return true
        else if ( part === 'false') return false
        else return part;
	});
    obj[parts[0]] = parts[1];
});

document.body.innerHTML = '<pre>' + JSON.stringify(obj, null, 4) + '</pre>';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table data-option="pageSize:10, pageNumber:1, rowNumber:true"></table>