视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript趣题:数组初始化
2020-11-27 20:26:05 责编:小采
文档


有时候,我们需要创建一个的数组,并将它初始化为我们想要的默认值。

通常情况下,我们会先创建一个一维数组,接着在这个一维数组内引用二维数组......直到N维数组,然后把它的内容填充为默认值。

这个过程,我们需要写很多循环,难免有些繁琐,那么,何不想办法写个数组初始化的工具方法,方便我们来调用呢?

我猜你一定想要个这样的方法:

dim( d1 [,d2 [,d3 [... ]]], value )

来看它的参数列表,d1,d2,d3代表各个维度数组所引用的元素个数,value代表初始值。

这个value可能是函数,如果是这种情况,我们就引用函数的返回值。

来看看几个例子:

dim( 3,3,"x" ) // => [['x','x','x'],['x','x','x'],['x','x','x']]

这里一位数组引用了3个二维数组,每个二维数组引用了3个初始化值’x’

dim( 2,2,2,0 ) // => [[[0,0],[0,0]],[[0,0],[0,0]]]

这里规则同上

dim( 3, true ) // => [true,true,true]

这里一维数组引用了3个boolean值true

var xxx = function(){ return "xX" }
dim( 2,5,xxx ) // => [['xX','xX','xX','xX','xX'],['xX','xX','xX','xX','xX']]

这里初始化值是一个函数,所以我们填充它返回的结果

这个题目因为涉及到N维的数组,所以需要使用递归。

它是一个边构建数组,边深度遍历的过程。

在我的方法中,使用了一个参数deep记录当前的深度。

比如dim( 2,2,2,0 ),如果当前deep为0,那么就对应第一个参数2,说明要创建2个数组,也就是说,deep的值和参数列表的索引是一致的,代表要构建多少个数组或值。

如果deep达到了最深,说明可以进行初始化赋值了,for循环填充当前的数组。

function dim(){ 
 var len = arguments.length; 
 var args = Array.prototype.slice.call(arguments,0,len-1); 
 var content = arguments[len-1]; 
 var result = []; 
 
 var traverse = function foo(from,deep){ 
 var arg = args[deep]; 
 if(deep < args.length - 1){ 
 for(var i=0;i<arg;i++){ 
 var array = []; 
 from.push(array); 
 foo(array,deep+1); 
 } 
 } 
 else{ 
 for(var i=0;i<arg;i++){ 
 if(typeof content === "function"){ 
 from.push(content()); 
 } 
 else{ 
 from.push(content); 
 } 
 } 
 } 
 }; 
 traverse(result,0); 
 return result; 
}

下载本文
显示全文
专题