Question

我试图在我的代码中实现这个字符串替换函数：

String.prototype.replaceAll = function(f,r) {
  if (f != r) {
    while (this.indexOf(f) !== -1) {
      this = this.replace(f,r);
    }
  } else {
    return this;
  }
};

我已经尝试过使用它了：

String.prototype.replaceAll = function(f,r) {
  return this.split(f).join(r);
};

但是最后一个替换函数在搜索表达式中有两个或更多字符。

所以我真的需要在while循环中使用第一个函数。

有人知道第一个功能显示的问题是什么？

Answer 1

字符串在JavaScript中是不可变的，所以这样的事情不会起作用

// can't reassign `this` in String.prototype method !
this = this.replace(f,r)

相反，您必须从函数

返回一个新字符串

＆＃13;

String.prototype.replaceAll = function replaceAll(f,r) {
  if (this.indexOf(f) === -1)
    return this.toString()
  else
    return this.replace(f, r).replaceAll(f,r)
}

console.log('foobar foobar'.replaceAll('foo', 'hello')) // => 'hellobar hellobar'
console.log('foobar foobar'.replaceAll('o', 'x'))       // => 'fxxbar fxxbar'

＆＃13;

如果您不介意依赖String.prototype.indexOf和String.prototype.replace

等内置插件，那么这就是简短的答案

如果你想从头开始实现这些，你可以用非常基本的JavaScript来实现。您不必使用while循环。你可以，但是像......这样的陈述。

所以我真的需要在while循环中使用第一个函数。

...是假的。

让我们从基本的find函数开始。这与String.prototype.indexOf

类似

function find(s, x) {
  function loop(s, pos) {
    if (s.substring(0, x.length) === x)
      return pos
    else if (s === '')
      return -1
    else
      return loop(s.substring(1), pos + 1)
  }
  return loop(s, 0)
}

console.log(find('foobar', 'f'))   // => 0
console.log(find('foobar', 'bar')) // => 3
console.log(find('foobar', 'x'))   // => -1
console.log(find('foobar', ''))    // => 0

然后是一个replace函数，用于将x的单个实例替换为字符串y中的s

function replace(s, x, y, idx) {
  // idx is an optional parameter here for optimizing replaceAll
  // you'll see it used in the next example
  if (idx === undefined)
    return replace(s, x, y, find(s, x))
  else if (idx === -1)
    return s
  else
    return s.substring(0, idx) + y + s.substring(idx + x.length)
}

console.log(replace('foobar', 'foo', 'hello')) // => 'hellobar'
console.log(replace('foobar', 'bar', 'hello')) // => 'foohello'

然后，实现replaceAll是一个简单的递归函数

function replaceAll(s, x, y) {
  var idx = find(s, x)
  if (idx === -1)
    return s
  else
    // use 4th parameter in replace function so index isn't recalculated
    return replaceAll(replace(s, x, y, idx), x, y)
}

console.log(replaceAll('foobar foobar', 'foo', 'hello')) // => 'hellobar hellobar'
console.log(replaceAll('foobar foobar', 'o', 'x')   )    // => 'fxxbar fxxbar'

如果需要，您可以在String.prototype上实现所有这些功能，因此'foobar'.replaceAll('o', 'x')等功能可以使用。

如果您不喜欢find，则可以使用原生String.prototype.indexOf。另一方面，如果您将此作为练习并且您尝试从头开始实施，您甚至可以不依赖我使用的String.prototype.substring这里。

此外，为了它的价值，你的代码在这里工作正常

String.prototype.replaceAll = function(f,r) {
  return this.split(f).join(r);
};

'foobar foobar'.replaceAll('foo', 'hello')
// => "hellobar hellobar"

'foobar foobar'.split('foo').join('hello')
// => "hellobar hellobar"

Answer 2

function(f,r)
{
var str=this;
if (f != r) {
    while (str.indexOf(f) !== -1) {
       str=str.replace(f,r);
    }
}
return str.toString();
}

在String.prototype中使用indexOf和while循环替换all

2 个答案: