javascript - js中的String.prototype.replace函数-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - js中的String.prototype.replace函数

PHPz 2017-04-11 11:53:03

[JavaScript讨论组]

686

function htmlEncode(str) {
        //var p = document.createElement('p');
        //p.innerText = str;
        //return p.innerHTML;
        var map = {
            '&': '&',
            '<': '<',
            '>': '>',
            '"': '"',
            "'": '''
        };
        var mapper = function($0) {
            return map[$0];
        };
        return str.replace(/[&<>"']/g, mapper);
    }

上面代码中replace函数的第二个参数我看mdn上可以指定一个函数，其例子是

function replacer(match, p1, p2, p3, offset, string) {
  // p1 is nondigits, p2 digits, and p3 non-alphanumerics
  return [p1, p2, p3].join(' - ');
}
var newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);

这个例子我勉强可以看懂，可是最上面的代码map是一个对象，map[$0]这是啥意思呢，为啥参数是$0呢。

PHPz

学习是最好的投资！

全部回复(4)

迷茫2017-04-11 11:55:03 4楼

所以你的问题其实是不理解property accessor

简单说，就是通过item[属性名]，可以访问到item变量的属性名的值

赞 +0

添加回复

PHP中文网2017-04-11 11:55:03 3楼

str.replace(/[&<>"']/g, mapper) 是指把匹配到的字符串替換成 mapper 回傳的值，其實相較官方例子，htmlEncode 這個就比較簡單，先解釋下正則：

/[&<>"']/g ：匹配到 & < > " ' 任何一個

所以他會取代掉所有的上述特殊字元，而取代成什麼，就是從 map 取得

// 這是匹配後要替換的字元，例如 & 就替換成 &amp;
var map = {
    '&': '&amp;',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#39;'
};
var mapper = function($0) {
    // $0 其實只是個普通的參數，前面加個 $ 是 js 允許的命名方式，並無特別之處
    // $0 代表匹配到的，例如 & 或是 "
    // 那再根據這個匹配到的字元，去 map 裡找相對應要替換的字元再傳回
    return map[$0];
};

// 所以這裡的用意是把所有上述特殊字元都給替換成另一種編碼形式(UrlEncode)
return str.replace(/[&<>"']/g, mapper);

赞 +0

添加回复