mirror of
https://github.com/LeuisKen/leuisken.github.io.git
synced 2025-12-08 18:26:26 +00:00
52 lines
2.1 KiB
HTML
52 lines
2.1 KiB
HTML
---
|
||
title: JavaScript生成重复字符
|
||
labels: ["前端"]
|
||
description: 放纵了自己好久好久，觉得还是码码字人生会比较充实一些，至少知道今天自己做了些什么，所以现在就来聊聊这个生成重复字符串的东西。
|
||
---
|
||
<p>放纵了自己好久好久，觉得还是码码字人生会比较充实一些，至少知道今天自己做了些什么，所以现在就来聊聊这个生成重复字符串的东西。</p>
|
||
<p>这是我们前端群大神<a href="https://github.com/jansesun">@jansesun</a>想的思考题，原题为：生成一个内容为n个0的字符串。学习过后，收益良多，故记录到自己的博客。</p>
|
||
<p>最低分的思路，肯定是for循环+=，任何一个初学的程序应该都知道。但是贴合到js的语境的时候，这种思维未免太low了。应用js特性的思路是，用Array.join()这个方法。Array.join()是在一个数组中，给数组元素间生成特定分隔符并以字符串的形式返回。对于本题示例如下：</p>
|
||
|
||
{% highlight javascript %}
|
||
function string_repeat(str, n){
|
||
return new Array(n+1).join(str);
|
||
}
|
||
{% endhighlight %}
|
||
|
||
<p>顺便说一句，es6下字符串新增了repeat方法，示例：</p>
|
||
|
||
{% highlight console %}
|
||
'0'.repeat(5); // 返回'00000'，chrome下测试
|
||
{% endhighlight %}
|
||
|
||
<p>那么继续深入，如果现在要你创建一个长度为n的数组，数组元素均为空数组，怎么处理：</p>
|
||
<p>前端群A君答案：</p>
|
||
|
||
{% highlight javascript %}
|
||
function array_fill(n){
|
||
return new Function('return ['+new Array(n+1).join('[],').slice(0, -1)+']')()
|
||
}
|
||
{% endhighlight %}
|
||
|
||
<p>前端群B君答案：</p>
|
||
|
||
{% highlight javascript %}
|
||
function array_fill(n){
|
||
return eval('['+new Array(n+1).join('[],').slice(0, -1)+']');
|
||
}
|
||
{% endhighlight %}
|
||
|
||
<p>jansesun给的参考：</p>
|
||
|
||
{% highlight javascript %}
|
||
function array_fill(n){
|
||
return JSON.parse('['+new Array(n+1).join('[],').slice(0, -1)+']');
|
||
}
|
||
{% endhighlight %}
|
||
|
||
<p>es6对于数组也给出了fill()方法，示例如下：</p>
|
||
|
||
{% highlight console %}
|
||
new Array(10).fill([]) // 返回[[], [], [], [], [], [], [], [], [], []]，火狐下测试
|
||
{% endhighlight %}
|