javascript - 如何循环遍历对象并匹配对象中某个数字范围内的数字？

Question

我的对象这是我的对象

obj = [
    {
        a: [1, 91]
    }, 
    {
        b: [91, 399]
    }, 
    {
        c: [399, 409]
    }
]

我正在跟踪用户鼠标并存储在一个变量中:

userMouse = event.clientX;

如何检查 clientX 是否在对象元素范围之一，以及是否给出该对象的索引？

请在纯 JS 中执行此操作，无需库。

Answer 1

您可以使用 findIndex ，因此对于给定的 x，您可以:

idx = obj.findIndex(({ elementRange: [low, high] }) => low <= x && x < high);

但是如果目标是为某个x,y找到一个元素，那么看elementFromPoint :

elem = document.elementFromPoint(x, y);