Javascript 如何将表格单元格位置计算到数组?

Javascript 如何将表格单元格位置计算到数组?,javascript,Javascript,我有一张桌子。每个单元格都以x,y位置定义。例如,第一个单元格从0,0开始,以此类推 我想把这个表变成这个[x,y,x,y,x,y…]数组 例如,对于该图片,预期结果应为以下内容: const arr=[0,0200,0400,0,02000200200400200,0400200400400] 问题是我只有这些数据可以处理: const cols = 3; const tableWidth = 600; const colHeight = 200; const items = 9; cons

我有一张桌子。每个单元格都以x,y位置定义。例如,第一个单元格从0,0开始,以此类推

我想把这个表变成这个
[x,y,x,y,x,y…]
数组

例如,对于该图片,预期结果应为以下内容:

const arr=[0,0200,0400,0,02000200200400200,0400200400400]

问题是我只有这些数据可以处理:

const cols = 3;
const tableWidth = 600;
const colHeight = 200;
const items = 9;
const cellWidth = tableWidth / cols;
所以我试着做一个覆盖所有项目的函数,试着算出x和y。但我不知道如何做到这一点,只有一个人

const arr = [];

for (var i = 0; i < items; i++) {

  const even = i % 2 === 0;

  const x = ???;
  const y = i * colHeight;

  table.push(x,y);
}

console.log({ arr });
const arr=[];
对于(变量i=0;i
我建议您计算行数,然后使用2个
循环对行和列进行迭代,这样会更具可读性:

const cols=3;
常数表宽=600;
常数colHeight=200;
常数项=9;
常量单元格宽度=表格宽度/列;
常量行=项目/列;
常数arr=[];
for(设i=0;i控制台日志(arr)为什么它需要在一个
for
循环中?用一个
for
循环检查我的更新。我认为当cols=4,items=9时,一个for循环中有一个bug。我怎样才能解决这个问题?