一道有意思的题目

在知乎上看到这么一个面试问题:”输入m,n参数，获取一个m长度的都是n的数组，不能用循环，怎么写”, 大家都在讨论为什么不能用循环，完全是吹毛求疵

这里，我们不关注题目合理与否，就是来看看会有多少种写法：

我们先做一个前提：

• 不能用循环是不能用循环语句，而不是底层不能做循环
• m,n的参数合法(为了精简代码，只写核心部分)

具体的实现方式：

• 递归

let arr= [];
(function(m,n){
    arr.push(n)
    arr.length<10?arguments.callee(m,n):''
})(10,3)
console.info(arr);

注：面试官想要的答案

那么来看看还有哪些方法可以

• 1、join+split

((m,n)=>{
    return (new Array(m+1).join(','+n).split(',')).slice(1);
})(10,'abc')

注：这种方式需要先转成字符串，再转成数组，并且生成的数组是字符串而不是数字，如果需要生成的是数字则还需要做处理

• 2、concat

((m,n)=>{
    return (f => f(f))(g => (m, n) => m === 1 ? [n] : g(g)(m - 1, n).concat(n))(m, n)
})(10,'abc')

注：这种写法不太容易理解

• 3、正则表达式,

((m,n)=>{
    return new Array(m).toString().replace(/(?:)/g,n).split(',');
})(10,'abc')

注：正则总是能神奇的发挥出作用

• 4、from(es5)

((m,n)=>{
    return Array.from({length:m},()=> n)
})(10,'abc')

注：比较理想的一种做法

• 5、map(es5)

((m,n)=>{
    return Array.apply(null, Array(m)).map(() => n);
})(10,'abc')

((m,n)=>{
    return [...Array(m).keys()].map(e => n)
})(10,'abc')

((m,n)=>{
    return new Array(m).toString().split(",").map(()=>n);
})(10,'abc')

注：因为map会跳过没有赋值的键，所以不能直接在空数组上使用，上面几种也是比较理想的做法

• 6、fill(es6)

((m,n)=>{
    return new Array(m).fill(n) 
})(10,'abc')

注：如果不考虑兼容，应该是最合适的方法

• 7、padStart padEnd(es8)

((m,n)=>{
    let len =  +m * (('' + n).length + 1);
    return ''.padStart(len,',' + n).split(',').slice(1);
})(10,'abc')

注：兼容性不好，实现方式亦不佳

其实实现一个功能，常常有很多方法，本文的目的就是让大家平时多发散思维，至于具体的实现方式：只选合适的！