如何检查外部数组内部的内部数组？ （加号=>函数）

Question

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

问题1

我试图使代码检测到外部数组内部的内部数组，

数组的结构是这样的；

var array = ['Bob', ['Tim', 'Katy', 'Zoe'], 'Jimmy', 'Jay' . . .]

<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来检查element是否为如下所示的数组-

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

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

第二个问题是“ 将此功能与Arrow函数一起使用 ”。 为了解决这个问题，您可以将“箭头功能”更改为es5功能

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