获取可变深度数组中的第一个数字数组

Question

我在JavaScript框架中使用一个函数，其中返回值可以是ANY以下

1. 单个xy坐标对

   [x,y]
   

2. xy坐标对数组

   [[x,y],[x,y],...]
   

3. xy坐标对数组的数组

   [[[x,y],[x,y]],[[x,y],[x,y]],...]
   

返回值取决于对象的几何形状(单点、线或多线)。不管返回值及其数组深度如何，我都想获取第一个xy坐标对。什么是有效的方法?

到目前为止，这是我实现目标的代码:

//here is the magic method that can return one of three things :)
var mysteryCoordinates = geometry.getCoordinates();
var firstCoord;
if(typeof mysteryCoordinates[0] === 'number') {
    firstCoord = mysteryCoordinates;
} else if (typeof mysteryCoordinates[0][0] === 'number') {
    firstCoord = mysteryCoordinates[0];
} else if (typeof mysteryCoordinates[0][0][0] === 'number') {
    firstCoord = mysteryCoordinates[0][0];
}

我真的很讨厌这个解决方案，我正在寻找一些更优雅的东西。

Answer 1

我想在纯JS中应该这样做;

var    arr = [[[1,2],[1,3]],[[4,8],[3,9]]],
getFirstXY = a => Array.isArray(a[0]) ? getFirstXY(a[0]) : a;
console.log(getFirstXY(arr));

Answer 2

效率较低但更优雅的解决方案是使用_.flatten (http://underscorejs.org/#flatten):

let firstCoord = _.flatten(mysteryCoordinates).slice(0, 2);

你可以让它更有效率一点，通过切掉前面的前两个元素:

let firstCoord = _.flatten(mysteryCoordinates.slice(0, 2)).slice(0, 2);

console.log(_.flatten([1,2]).slice(0, 2));
console.log(_.flatten([[1,2],[1,3],[4,8],[3,9]]).slice(0, 2));
console.log(_.flatten([[[1,2],[1,3]],[[4,8],[3,9]]]).slice(0, 2));

<script src="http://underscorejs.org/underscore-min.js"></script>