取消字符串替换

Cancel a string.replace

本文关键字：替换 字符串 取消      更新时间：2023-09-26

我有一个由多个string.replace('x','y')修改的字符串，这些替换命令由复选框激活，到目前为止，当其中一个复选框未选中时，我还无法自动反转过程。我找到的唯一解决方案是在复选框被取消选中时执行string.replace('y','x')。。。还有其他更清洁的方法吗？

首先，先执行string.replacement（'x'，'y'），然后执行string.lacement（'y'，'x'）以撤消它将不起作用。原因如下：

起始字符串："zxyxz"replace（'x'，'y'）会给你"zyyyz"replace（'y'，'x'）会给你一个"zxxxz"，这显然不是你开始使用的。

这是你想要的东西，我想：

http://fiddle.jshell.net/XZE9v/1/

每次点击/取消点击复选框时，它都会重新应用规则。

如果你看不到它，这里是代码：

HTML:

<form id="myForm">
    <input type="text" id="originalText" />
    <br/>
    a|x<input type="checkbox" data-find="a" data-replace="x" onclick="updateRegex()" />
    <br/>
    b|y<input type="checkbox" data-find="b" data-replace="y" onclick="updateRegex()" />
    <br/>
    c|z<input type="checkbox" data-find="c" data-replace="z" onclick="updateRegex()" />
</form>
<br/>
<div id="display"></div>

JS:

function updateRegex() {
    var original = document.getElementById("originalText").value;
    var newString = original;
    var elems = document.getElementById("myForm").childNodes;
    for(var i=0; i<elems.length; i++)
    {
        if ( "checkbox" == elems[i].type && elems[i].checked)
        {
            var regexp = new RegExp(elems[i].getAttribute("data-find"), 'g');
            newString = newString.replace(regexp, elems[i].getAttribute("data-replace"));
        }
    }
    document.getElementById("display").innerHTML = newString;
}

创建一个包含初始字符串值的数组。对阵列执行所有复选框操作。使用此数组获取最终输出字符串。

var array = ['Moe','Chuck','Larry']
function findItem(val){
 var index = array.indexOf(val);
if(index != -1){
 array[index] = val;
}
}
 function onSubmit(){
 return array.toString();
}
相关文章：