javascript - 从 JavaScript 中的索引向后遍历数组

Question

我有一些 Python 代码可以很好地完成我想要的事情，但事实证明很难将其移植到 JavaScript 中。

jsonLine = [[0,1],[2,4],[4,8],[9,12],[11,16],[12,13]]
[firstX, firstY] = [9,12]

if [firstX, firstY] in jsonLine:
    index = jsonLine.index([firstX, firstY])

    lineArray.append(jsonLine[index:])
    lineArray.append(jsonLine[index::-1])

jsonLine 是组成一条线的坐标数组，[firstX, firstY] 是一条线的起点，由用户定义。我正在创建一个创建两条线的脚本，一条从用户选择的点开始沿任一方向，稍后将根据与用户点的距离缩短。

在这种情况下所需的输出将是:

[[[9,12],[11,16],[12,13]],[[9,12],[4,8],[2,4],[0,1]]]

下面是我拥有的 JavaScript，它获取所需数组的第一个，但使用 for 循环感觉不对，如果我使用 jsonLine.reverse().slice(featureArray.length-vertex )，它似乎复制了推送到 lineArray 的数组。有没有更简洁的方法来切片和反转数组？

for (var vertex = 0; vertex < featureArray.length; vertex++){
     if (jsonLine[vertex][0] === firstX && jsonLine[vertex][1] === firstY) {
        console.log(jsonLine.slice(vertex))
    }

Answer 1

您可以创建一个 find 方法来找出您感兴趣的坐标的索引。之后，应用 slice 和 reverse 以获得您要查找的格式:

var jsonLine = [
    [0, 1],
    [2, 4],
    [4, 8],
    [9, 12],
    [11, 16],
    [12, 13]
],
    el = [9, 12],
    index, res;

function findElement() {
    var i = 0;
    for (; i < jsonLine.length; i += 1) {
        if (jsonLine[i][0] === el[0] && jsonLine[i][1] === el[1]) {
            return i;
        }
    }
    return -1;
}
index = findElement();
res = [
    [jsonLine.slice(index)],
    [jsonLine.reverse().slice(index - 1)]// -1 because you want to repeat the element.
];
console.log(res);

Fiddle

注意:正如 @RobG 在此答案的评论中指出的那样，如果您想保持数组完整，请将第二部分替换为 jsonLine.slice(0, index + 1 ).reverse().反向修改原始数组，这可能是不希望的行为(尽管在问题中不清楚是否是)。