在Jquery / javascript中理解控制台中的“切片”

Question

我正在解构一个名为Unslider.js的carasoul插件，并且我很难理解一些代码，因此在这里我处于堆栈溢出状态。

我的困难是理解以下内容：

target = li.eq(index);

让我们分析一下

目标是一个变量。

li是一个对象，实际上让我弄清楚li是什么，之前在代码中使用Jquery中的find（）方法返回了一组子元素，因此li基本上是一组<li>元素。

接下来， eq通常用于进一步过滤元素。

索引当然是当前元素（尽管我不确定这种解释）。

所以基本上我理解以下内容：

        target = li.eq(index);

目标是当前的li元素，是的，我是这样认为的。

好吧，让我继续我真正的困难是什么，当我console.log（target）时，我得到以下结果：

"taget is" unslider.js:285
Object { length: 0, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(3,4)" } unslider.js:286
"taget is" unslider.js:285
Object { 0: <li>, length: 1, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(1,2)" } unslider.js:286
"taget is" unslider.js:285
Object { 0: <li>, length: 1, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(2,3)" } unslider.js:286
"taget is" unslider.js:285
Object { length: 0, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(3,4)" } unslider.js:286
"taget is" unslider.js:285
Object { 0: <li>, length: 1, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(1,2)" } unslider.js:286
"taget is" unslider.js:285
Object { 0: <li>, length: 1, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(2,3)" } unslider.js:286
"taget is" unslider.js:285
Object { length: 0, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(3,4)" } unslider.js:286
"taget is" unslider.js:285
Object { 0: <li>, length: 1, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(1,2)" } unslider.js:286
"taget is" unslider.js:285
Object { 0: <li>, length: 1, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(2,3)" } unslider.js:286
"taget is" unslider.js:285
Object { length: 0, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(3,4)" } unslider.js:286
"taget is" unslider.js:285
Object { 0: <li>, length: 1, prevObject: Object, context: <div.banner>, selector: ">ul >li.slice(1,2)" }

现在这行是什么意思..

selector: ">ul >li.slice(3,4)", 

我的意思是slice(3,4)部分，该部分以不同的值不断变化！ 如果有人可以来解释那是一件很棒的事。

谢谢。

亚历山大。

Answer 1

Slice用于返回数组的子集。 在这种情况下，值始终由1分隔，因此它将返回单个元素的数组。

var li = ['a','b','c','d'];
console.log(li.slice(2,3));
>  ['c']

因此，这只是从列表中选择一个元素的一种方法，但通常也适用于选择一系列元素。