0

我正在尝试自学使用 JSON、数组和字符串的基础知识，因此我正在尝试构建一个简单的正则表达式搜索和突出显示。我的问题是，当我尝试用包含查询项的字符串替换查询项时，它似乎没有将其返回到正在构建的新数组中。

这是我的功能：

function jqueryMap() {
    var searchterm = "item"; 
    var query = new RegExp("itEM", "i");  
    var foo = $.map(array, function(value,key){
        if (value.classname.search(query) != -1){ //0 = none
            value.classname.replace(query, "<div class='highlight'>"+searchterm+"</div>"); 
            return value; 
        }
    });

    $.each(foo, function(key,value) {
        $("body").append(key +" : "+value.classname+" <br>");             
    });
}

以及它正在搜索的数组：

var array = [{
    "classname": "item",
    "content": "content1"},
{
    "classname": "item",
    "content": "content2"},
{
    "classname": "item",
    "content": "content1"},
{
    "classname": "im gonna say its item",
    "content": "content1"},
{
    "classname": "blam",
    "content": "content1"},
{
    "classname": "item",
    "content": "content1"},
{
    "classname": "item3",
    "content": "content1"}];

我的问题是，为什么当我返回“值”时，不包括被替换的文本？谢谢。

这是我的 jsfiddle：http: //jsfiddle.net/bmcmahen/5HQga/9/

4

1 回答 1

2

replace 返回修改后的版本。它不会修改任何内容（JavaScript 字符串是不可变的）。所以你要：

value.classname = value.classname.replace(query, "<div class='highlight'>"+searchterm+"</div>");

此外，常规for循环会更合适，因为您返回的是相同的数组元素：

for(var i = 0; i < array.length; i++)
于 2012-04-18T03:01:33.040 回答