javascript - 如何检查外部数组内部的内部数组？ (加号=>功能)

Question

抱歉，如果这些问题是 JS 的基础知识之一。

问题 1。

我试图让代码检测位于外部数组内部的内部数组，

数组的结构是这样的；

var array = ['鲍勃', ['蒂姆', '凯蒂', '佐伊'], '吉米', '杰伊' 。 。 .]

<div>
  <ul>
    <li>name goes here</li>
    <li>name goes here</li>
    <li>name goes here</li>
    <li>name goes here</li>
    <li>name goes here</li>
    <li>name goes here</li>
  </ul>
</div>

  const peeps = ['Bob', ['Tim', 'Katy', 'Zoe'], 'Jimmy', 'Jay', 'Louis', 'Yagami Light'];

  $('div ul li').on('mouseenter', function() {
    for (i = 0; i < peeps.length; i++) {
      if (peeps[i][] in peeps[i] == true) {
        console.log('wow')
      }
    }
  })

这是我迄今为止的进展，但从未按我预期的方式工作。

问题 2。

我坚持从箭头函数中获取this关键字。

$('div ul li').on('mouseenter', () => {
  var a = $(this).index();
  console.log(a);
})

由于某种原因，此代码一直显示 -1，但将 () 更改为 function() {} 后，代码将 1, 2, 3, 4 打印为我想要。

有人知道为什么 => 函数无法从该代码中获取 this 关键字吗？

任何提示或信息都可以很好地解决我的问题。

谢谢。

Answer 1

对于第一期，请尝试使用 Array.isArray检查元素是否是一个数组，如下所示 -

var peeps = ['Bob', ['Tim', 'Katy', 'Zoe'], 'Jimmy', 'Jay', 'Louis', 'Yagami Light'];

peeps.forEach((d, i) => Array.isArray(d) && console.log('found an array', d))

第二个是“using this with Arrow functions ”的问题。要解决这个问题，您可以将“箭头函数”更改为 es5 函数

$('div ul li').on('mouseenter', function() {
  var a = $(this).index();
  console.log(a);
})