javascript 一维数组转换为二维数组
2013-11-02 13:53
323 查看
一维数组:
var aLi=oList.getElementsByTagName("li"); //获取到页面上的li,是一维数组,其中保存了N个li对象
下面函数,将aLi一维数组转换成了iRows行,iCeils列的二维数组,用来表示平面上的二维坐标
var oList=document.getElementById("list"); //获取ul列表
var iRows=oList.offsetHeight/aLi[0].offsetHeight; //用ul的总高度除以第0个li的高度,获得这个ul中li的行数
var iCeils=aLi.length/iRows; //总个数除以行数获取li的列数
//console.log(iRows+'||'+iCeils);
var oXyLi=setXy(aLi,iRows,iCeils); // oXyLi为转换后的二维数组
//一维数组生成二维数组
var num = 0;
function setXy(objs,iRows,iCeils)
{
var arr=[];
for(var i=0;i<iRows;i++)
{
var arr2=[];
for(var j=0;j<iCeils;j++)
{
objs[i*iCeils+j].xIndex=j; //添加索引序号
objs[i*iCeils+j].yIndex=i;
objs[i*iCeils+j].innerHTML=num; //i+'||'+j
objs[i*iCeils+j].style.backgroundPosition = (-j*58)+'px '+ (-i*60)+'px';
arr2.push(objs[i*iCeils+j]); //第j个单元格推入数组中保存
num++;
}
arr.push(arr2);
}
return arr;
}
var aLi=oList.getElementsByTagName("li"); //获取到页面上的li,是一维数组,其中保存了N个li对象
下面函数,将aLi一维数组转换成了iRows行,iCeils列的二维数组,用来表示平面上的二维坐标
var oList=document.getElementById("list"); //获取ul列表
var iRows=oList.offsetHeight/aLi[0].offsetHeight; //用ul的总高度除以第0个li的高度,获得这个ul中li的行数
var iCeils=aLi.length/iRows; //总个数除以行数获取li的列数
//console.log(iRows+'||'+iCeils);
var oXyLi=setXy(aLi,iRows,iCeils); // oXyLi为转换后的二维数组
//一维数组生成二维数组
var num = 0;
function setXy(objs,iRows,iCeils)
{
var arr=[];
for(var i=0;i<iRows;i++)
{
var arr2=[];
for(var j=0;j<iCeils;j++)
{
objs[i*iCeils+j].xIndex=j; //添加索引序号
objs[i*iCeils+j].yIndex=i;
objs[i*iCeils+j].innerHTML=num; //i+'||'+j
objs[i*iCeils+j].style.backgroundPosition = (-j*58)+'px '+ (-i*60)+'px';
arr2.push(objs[i*iCeils+j]); //第j个单元格推入数组中保存
num++;
}
arr.push(arr2);
}
return arr;
}
相关文章推荐
- 二维数组转换成一维数组(C#版本)
- JavaScript实现一维数组转化为二维数组
- 字符串分割成一维数组、二维数组,一维数组与二维数组之间的转换
- 将二维数组和一维数组进行了一下转换,结果成功了
- javascript 一维数组和二维数组
- JavaScript一维数组转化为二维数组
- 字符串分割成一维数组、二维数组,一维数组与二维数组之间的转换
- javaScript里的二维数组转换为json格式的字符串
- Tricks(三十二)—— 二维数组转换为一维数组
- 一维数组和二维数组的转换表示(C#)
- [转]在JavaScript中将getRows返回的值转换为二维数组
- 一维数组和二维数组的转换表示(C#)
- javascript 中字符和ASCII之间的相互转换
- 编辑距离优化--二维数组转一维数组
- javascript中日期转换成时间戳的小例子
- JavaScript之基础-8 JavaScript 数组(创建、访问、常用方法、二维数组)
- C#一维数组转二维数组
- Javascript:日期字符串(DateStr)与日期对象(Date)之间的转换
- JavaScript实现把数字转换成中文
- Javascript Array和String的互转换