javascript - 将符号编号替换为 gif

Question

我需要你的帮助。这里我有文字:hello #005 goodbye 。如何让js替换#开头的文本通过 img 像 <img src=/img/005.gif>如果number (005<120) ？我必须有类似 hello <img src=/img/005.gif> goodbye 的东西

Answer 1

分两步展示流程

var str = "hello #005 goodbye",
num = str.match(/\#(\d+) /)[1],
    gif = '<img src="/img/'+num+'.gif" />';
console.log(str.replace("#"+num,gif));

一步 - 也测试 3 位数字

var str = "hello #005 goodbye"
      .replace(/\#(\d{3})/,'<img src="/img/$1.gif" />');
console.log(str);

通过测试:

function addGif(str) {
  var num = str.match(/\#(\d+)/),
    gif = num && 
          num.length > 0 && 
          parseInt(num[1]) >= 5 && 
          parseInt(num[1]) <= 120 ? '<img src="/img/' + num[1] + '.gif" />' : "";
  return gif ? str.replace("#" + num[1], gif) : "no number or number not in range";
}
var str = "hello # goodbye"; // will not return a match
console.log(addGif(str))
str = "hello #" // will not return a match
console.log(addGif(str))
str = "hello #005" // will return a match
console.log(addGif(str))
str = "hello #1005" // will not return a match
console.log(addGif(str))
str = "hello #100" // will return a match
console.log(addGif(str))
str = "hello #1111111111 goodbye" // will not return a match
console.log(addGif(str))