一，聊骚：
我是一个喜欢直奔主题的人，不喜欢把时间浪费到废话上，因为这也是在浪费读者到时间，那为什么我今天一反常态，要说点聊骚的话呢？
缘由是这样的，作为一个自学成才（其实还没有成才）的前端人员来说，前端之路是多么的坎坷，面对大量的前端知识，面对如雨后春笋般的前端框架的兴起，面对nodejs在前端与后端之间的连接的应用，
此时的前端再也不是几年前的那个前端了，有太多的框架要去学，有太多的前端知识要去研究，学习，这样难免会让人失去方向，学的东西也很杂，为了适应现在的对前端人员的要求，你就不得不撒开网去
探索，导致的结果就是，你好像什么都接触过，感觉什么都懂，但是如果要你说出一个所以然来，好像又什么都不懂，这才是前端学习最可怕的，浮于表面，没有真正深入了解其中的原理，有人会说，现在的技术学习曲线那么陡，要学的知识那么多，哪有那么多时间去学呢？
回答这个问题，我得先说，我失业了，就如同我前面说的一样，我只是浮于表面，没有真正沉下去，那怎么才能学好技术呢？根据牛人的指导，大致是在技术选型上，选择适合自己的，比如说前端框架，angularjs，reactjs，backbonejs，vuejs等等，选择一个自己觉得比较好上手的，然后搭配一个打包工具，比如webpack，gulp，grunt等等，多去深入理解它的实现原理，编写的思想，总之，多看，
多写（这才是重点），多研究，然后把自己的心得感悟，以笔记或者博客的形式记录下来，让牛人们帮你喷喷，这样既可以加深印象，还可以和牛人一起学习，算了，不说了，这其实是写给我看的。
二，正题：
言归正传，今天我们要讲的是一个什么命题呢？
命题：多维数组的排列组合 或 多个数组之间的排列组合
命题场景：
现在有一批手机，其中颜色有［'白色','黑色','金色'］；内存大小有［'16G','32G','64G'］，版本有［'移动','联通','电信'］，要求写一个算法，实现［［'白色','16G','移动'］, ['白色','16G','联通'] ...］这样的组合，扩张，如果后面还有参数，比如再加一个［'国行','港版'］，不改程序一样可以执行！
不知道要实现的需求大家听懂了没有，下面我会一步步实现，教大家怎么写：
最后得到的结果是一个数组里面包含若干个数组，看着挺复杂的，我们先实现一个简化版的，数组里面不是数组，而是字符串连接的结果，嗯，先一步步来吧：
第一步，想想通过什么技术来实现，你看这数组之间不断的重组，很容易想到用回调函数，一遍一遍的执行，大致知道用什么技术，接下来就是写思路了，看看下面：
// 执行组合排列的函数
function doExchange(arr){
}
//执行
var arr = [['a', 'b', 'c'], [1, 2, 3], ['x', 'y', 'z']];
var arr1 = [['a','b','c']];
//doExchange(arr);
console.log(doExchange(arr));
呐，我们建一个函数doExchange（），表示我们执行排序的主函数，然后当执行arr的时候，输出［'a1x','a1y' ...］这样的结果，如果是arr1呢？我们需要输出［'a','b','c'］，这好理解哈，现在的重点就是这个主函数了，下面主要讲主函数的实现过程
// 执行组合排列的函数
function doExchange(arr){
var len = arr.length;
// 当数组大于等于2个的时候
if(len >= 2){
}else{
return arr[0];
}
}
我们的思路是，当参数里面的数组长度大于2个，比如2个，3个或更多，就执行我们的组合代码，否则只有一个，就直接输出来呗
如果是大于2个呢？我们的思路是先进行第一个和第二个的合并，网上有一种实现方式是，用多层for循环来嵌套，最终得到组合的值，这种估计大家也能感觉到，两三个还可以，多了就呵呵了，这里只是提一下，因为前两个比较好获取，合并之后呢，就相当于是
2个数组合并成一个数组，然后这个数组再放倒参数数组中第一个位置，把原来前两个去掉，相当于是用这个数组替换前两个，没听懂哈，没关系，我们直接看代码：
if(len >= 2){
// 第一个数组的长度
var len1 = arr[0].length;
// 第二个数组的长度
var len2 = arr[1].length;
// 2个数组产生的组合数
var lenBoth = len1 * len2;
// 申明一个新数组,做数据暂存
var items = new Array(lenBoth);
// 申明新数组的索引
var index = 0;
// 2层嵌套循环,将组合放到新数组中
for(var i=0; i<len1; i++){
for(var j=0; j<len2; j++){
items[index] = arr[0][i] + arr[1][j];
index++;
}
}
}
呐，这里我们先获取第一个和第二个数组的长度，然后计算出它们有多少种组合方式，然后新建一个暂存的数组，用来存我们组合得到的结果，后面就是用双层循环，做字符串连接，放到暂存数组中，没什么好说的
我们的到了前两个的组合结果，依据我们的思路，是要把它和原来数组合并成一个新数组
// 第一个数组的长度
var len1 = arr[0].length;
// 第二个数组的长度
var len2 = arr[1].length;
// 2个数组产生的组合数
var lenBoth = len1 * len2;
// 申明一个新数组,做数据暂存
var items = new Array(lenBoth);
// 申明新数组的索引
var index = 0;
// 2层嵌套循环,将组合放到新数组中
for(var i=0; i<len1; i++){
for(var j=0; j<len2; j++){
items[index] = arr[0][i] + arr[1][j];
index++;
}
}
// 将新组合的数组并到原数组中
var newArr = new Array(len -1);
for(var i=2;i<arr.length;i++){
newArr[i-1] = arr[i];
}
newArr[0] = items;
整体的思路就是这样，得到的新数组就是剩下的未组合的数组了，到这里大家应该就豁然开朗了，然后使用递归再次调用这个过程，这样不断组合成新数组，那这个新数组当参数时，如果数组的长度等于1了，就说明组合完了，就会执行后面的else语句，输出出来。
整体代码贴出来感受一下：
// 执行组合排列的函数
function doExchange(arr){
var len = arr.length;
// 当数组大于等于2个的时候
if(len >= 2){
// 第一个数组的长度
var len1 = arr[0].length;
// 第二个数组的长度
var len2 = arr[1].length;
// 2个数组产生的组合数
var lenBoth = len1 * len2;
// 申明一个新数组,做数据暂存
var items = new Array(lenBoth);
// 申明新数组的索引
var index = 0;
// 2层嵌套循环,将组合放到新数组中
for(var i=0; i<len1; i++){
for(var j=0; j<len2; j++){
items[index] = arr[0][i] + arr[1][j];
index++;
}
}
// 将新组合的数组并到原数组中
var newArr = new Array(len -1);
for(var i=2;i<arr.length;i++){
newArr[i-1] = arr[i];
}
newArr[0] = items;
// 执行回调
return doExchange(newArr);
}else{
return arr[0];
}
}
//执行
var arr = [['a', 'b', 'c'], [1, 2, 3], ['x', 'y', 'z']];
var arr1 = [['a','b','c']];
//doExchange(arr);
console.log(doExchange(arr));
执行arr和arr1的结果给大家截个图吧：
我们简化版的组合算是完成了，可能也会有类似的需求，但是我们今天要讲的不是这样的需求，而是里面的每一个组合要是一个数组，这个怎么实现呢？
突破点应该就在字符串连接那块了，原来是用的字符串连接，如果我们改成数组连接，不就行了吗？试试：
for(var i=0; i<len1; i++){
for(var j=0; j<len2; j++){
if(arr[0][i] instanceof Array){
items[index] = arr[0][i].concat(arr[1][j]);
}else{
items[index] = [arr[0][i]].concat(arr[1][j]);
}
index++;
}
}
其他地方都没有改，就只是改了这里，但是这里第一次是要做数组判断的，因为刚开始是字符串，要转换成数组才能连接，这里注意一下，最终的代码如下：
function doExchange(arr){
var len = arr.length;
// 当数组大于等于2个的时候
if(len >= 2){
// 第一个数组的长度
var len1 = arr[0].length;
// 第二个数组的长度
var len2 = arr[1].length;
// 2个数组产生的组合数
var lenBoth = len1 * len2;
// 申明一个新数组
var items = new Array(lenBoth);
// 申明新数组的索引
var index = 0;
for(var i=0; i<len1; i++){
for(var j=0; j<len2; j++){
if(arr[0][i] instanceof Array){
items[index] = arr[0][i].concat(arr[1][j]);
}else{
items[index] = [arr[0][i]].concat(arr[1][j]);
}
index++;
}
}
var newArr = new Array(len -1);
for(var i=2;i<arr.length;i++){
newArr[i-1] = arr[i];
}
newArr[0] = items;
return doExchange(newArr);
}else{
return arr[0];
}
}
//
var arr = [['a', 'b', 'c'], [1, 2, 3], ['x', 'y', 'z'],['手机']];
var arr1 = [['a','b','c']];
console.log(doExchange(arr));
得到的结果：
我后面又加了一个手机，同样是可以实现的，到这里就算死写完了。
三，总结：
给个总结吧，这个算法刚开始想想，感觉挺复杂的，这么多数组要排列组合，但是我们将它化繁为简，比如说就当只有2个数组的组合，是不是就简单多了，这个实现了，然后考虑多组的，这样世界就清静了！还是那句话，还是多写吧！
欢迎转载，原创不易，转载时请注明出处，谢谢！