如何将[X：X1，Y：Y1]的数组转换为数字数组，其中数字被存储在JavaScript中，例如[X1，Y1，X2，Y2 ....]？

Question

我的数组看起来像：

const arr = [1,2,3,4,5,6]

我想将此数组转换为看起来像

const arr2 = [ {x: 1, y, 2}, {x:3, y:4}, {x:5, y:6}]

这样的东西：

let res: any = [];
const arr = [1,2,3,4,5,6]
for (let i = 0; i < arr.length / 2; i++) {
  let next = 0
  res.push({x : arr[i + next], y : arr[i+1+next]})
  next += 2;
}

console.log(res);

但这并不能给我正确的结果。

Answer 1

const arr = [1, 2, 3, 4, 5, 6, 7]
var result = [];

for (var i = 0; i < arr.length; i += 2) {
  result.push({
    x: arr[i],
    y: i + 1 < arr.length ? arr[i + 1] : undefined
  })
}
console.log(result)

Answer 2

convertToPoints = (arr) => {
    let arr2 = [];

    // if arr does not contain an even amount of elements, return false
    if (arr.length % 2 !== 0) {
        return false;
    }
    
    for (let i = 0; i < arr.length - 1; i += 2) {
        arr2.push({ x: arr[i], y: arr[i+1] });
    }

    return arr2;
}

Answer 3

您可以获得一对切成薄片的阵列，并创建具有短手属性的新对象。

const
    array = [1, 2, 3, 4, 5, 6],
    result = [];

let i = 0;
while (i < array.length) {
    const [x, y] = array.slice(i, i += 2);
    result.push({ x, y });
}

console.log(result);

一个简单的循环的更好方法。

const
    array = [1, 2, 3, 4, 5, 6],
    result = [];

for (let i = 0; i < array.length; i += 2) {
    result.push({ x: array[i], y: array[1 + 1] });
}

console.log(result);

Answer 4

您可以用减少

arr.reduce((acc,curr,index) => {
    if(index % 2) { 
        acc[acc.length-1].y = curr
        return acc
    }
    return acc.concat({x:curr})
}, [])

Answer 5

您可以加入数字，然后通过使用RegexP与函数string.prototype.match一起对坐标进行分组。

const arr = [1,2,3,4,5,6],
      result = arr.join("")
            .match(/([0-9]{2})/g)
            .map(coordinates => coordinates.split(""))
            .map(([x, y]) => ({x, y}));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 6

您错误地计算了索引。

let res: any = [];
const arr = [1,2,3,4,5,6]
for (let i = 0; i < arr.length; i += 2) {
  res.push({x : arr[i], y : arr[i+1]})
}

console.log(res);