Javascript 根据位置和长度在HTML标记中包装字符串的一部分

给定此字符串：

var str = 'One two three four five';

这个参数是：

position: 8
length: 5

我想将字符串中从给定位置开始并在SPAN标记中具有给定长度的部分包装起来。在这种情况下，我希望得到以下结果：

'One two <span>three</span> four five'

“一二三四五”

如何才能做到最优雅

---

更新：我自己的解决方案在这里：

str.substr（0，位置）
+ "" 
+str.substr（位置、长度）
+ "" 
+str.substr（位置+长度，str.length）

不确定这是否就是你所说的优雅…

var str='一两三四五'；
var str = 'One two three four five';
var position = 8
var length = 5

var newstr=str.slice(0,position)+'<span>'+str.slice(position,position+length)+'</span>'+str.slice(position+length);

var位置=8
变量长度=5
var newstr=str.slice（0，位置）+''+str.slice（位置，位置+长度）+''+str.slice（位置+长度）；

最优雅的概念可能是主观的

最简单的是：

var str='123445'；
var位置=8；
变量长度=5；
var newStr=str.substr（0，位置）+''+str.substr（位置，长度）+''+str.substr（位置+长度）；

是的，我想这就是方法<代码>：）

var str = 'One two three four five';
var position = 8
var length = 5

var newstr=str.slice(0,position)+'<span>'+str.slice(position,position+length)+'</span>'+str.slice(position+length);

var str = 'One two three four five';

var position = 8;
var length = 5;

var newStr = str.substr(0, position) + '<span>' + str.substr(position, length) + '</span>' + str.substr(position + length);