代码之家 › 专栏 › 技术社区 › Lime

Javascript将属性拆分为对象排除在字符串内部

regex css javascript

Lime · 技术社区 · 14 年前

var cssProperties = 'background:green;content:"Content;";color:pink;';

上述情况应导致以下结果

var theObject = {
    background:'green',
    content:'"Content;"',
    color:'pink'
}

不幸的是,由于url中有分号,我不能只使用split(“;”)和循环遍历数组。我可以创建一个巨大的循环,在跳过“;”的同时循环遍历每个字符,但这似乎有点不对。

可选:

3 回复 | 直到 14 年前

Lime 14 年前

下面是进一步演示该功能的小提琴: http://jsfiddle.net/ZcEUL/

(function() {
    var div = document.createElement('div'),
        rprops =/[\w-]+(?=:)/g,
        rcamelCase = /-(\D)/g,
        fcamelCase = function(a,letter) {
                return letter.toUpperCase();
            };
    window['styleToObject'] = function(str) {
        var props = str.match(rprops),
            prop, i = 0,
            theObject = {};
        div.style.cssText = str;
        while (prop = props[i++]) {
            var style=div.style[prop.replace(rcamelCase,fcamelCase)];
            if (style) {
                theObject[prop] = style;
            }
        }
        return theObject;
    };
})();

subhaze 14 年前

下面是我对你列出的第一个css字符串的解决方案。。。不是最好的,但也许会有助于激发一些想法。

JSFiddle Example

Slappy 14 年前

试试这个或类似的

var newString = cssProperties
                   .replace(":", ":'")
                   .replace(";", ", '");
var obj = eval(newString);

推荐文章

lonix · 使用sed从JSON中提取非贪婪正则表达式

1 年前

me-me · regex检查电子邮件字符串是否有@后跟一个点以及点符号后至少2个字符[重复]

2 年前

Dave Guerrero · 是否有一个正则表达式模式来捕获字符串中直到第一个字母字符的数字?

2 年前

Dima Malko · 如何在指定符号前添加符号?

2 年前

shekharsabale · 从列表元素捕获子字符串

2 年前

maycca · 正则表达式:过滤年份数值大于某个值的文件?字符串中编码的年份

2 年前

Katia · 根据特定规则进行多行匹配

2 年前

Andrei Cleland · 在长正则表达式中包含unicode字符

2 年前

MHA · Pandas str.extract()以字母结尾的数字

2 年前

Slava Vir · 如何查找后面“/”之间的最后一组

2 年前