00:00
Hello,大家好,那这个小节我们来实现一下con这个函数。这个函数作用呢?与数组原型对象当中KK的方法作用是一样的,用来实现数组的合并。那么首先我们先来演示一下。原型对象当中con它的一个使用。好,那么首先的话,我们先加上一个标签。首先写一个数组,A等于一个123。然后我们来用一个变量来接收一下结果AR点。在这呢,我们可以往里边传度传递新的数组,比如说我这里写一个456。我们来看看结果怎么样。好,然后点开浏览器。大家可以看一下呢,那它能够将两个数组元素呢合并在一起,返回一个新的数组。呃,并且呢,除了可以传递数组之外,它可以还可以传递一些非数组元素,比如说我传递一个七,传递一个八,单独的参数传递。
01:05
大家可以看一下,他也能够将其呢合并在一起。那么下边的话,我们来写一下自个的con函数,我们最终希望是这样子的,Cost result等于一个KK。第一个参数是原数组,后边第二个参数是我们要合并的内容,例如456,而且呢,跟上边K的方法一样,也可以呢,接收单独的参数去做一个合并。我们,我们希望能够把这些内容呢,全都合并在一个数组里边。那好,那接下来的话呢,我们开始来实现一下,首先我们先把结构加一下con。那么参数这一块,第一个呢是原数组啊,后边的参数呢,就可以呢,去用一个rest参数来做一个表示,我们写一个A。或者写一个AGS这个的话,行参名字可以随意。
02:04
好,那么首先我们先来声明一个空数组。为什么要生明一个空数组呢?因为我们最后呢,要把结果往这里边儿放。好,OK,那么首先的话,我们先把A这个数组当中的元素呢,放在最终结果里边。这个时候呢,我们可以使用扩展运算符的方式把它放进来。当前这个代码来为例的话,大家可以看一下,我们把123。传递给了A。那所以我们这一展开之后呢,它造的结果就是123,我们可以来验证一下。Log打印一下result。好,然后点开浏览器刷新,大家可以看一下123就已经进来了。进来之后呢,我们下边呢,要做的事情就是把后边这些参数呢,全都加到result里边。那接下来我们做一个事情,就是便利这个数组。因为as啊,这是一个rise的参数,它呢是能够把后续时参呢放在一个数组里边。
03:06
所以说我们这样来做args.for。然后在这的话,它其实有两种情况,一种情况呢是数组,一种情况呢是非数组,所以我们这儿呢,可以来判断一下。判断item是否为数组。如果a.isray。我们可以通过这样一个方法来判断这个元素到底是不是一个数组。那么假如说他要是一个数组怎么办呢?如果说它要是一个数组,那我们就把数组元素呢,往这里边儿去放啊。就像这样子来做result.push。但是我们不能够直接把item放进来,为什么呢?如果直接把item放进来的话呢,是把数组往这个数组里边去压,就会形成二位数组,我们可以这样子点点点的方式把它展开。
04:00
展开之后呢,相当于是这样操作的啊。现在是这样,四逗号五逗号六。把这三个元素呢,我压到。咱这个最终的数组里边可以来看看结果。好,右键刷新可以看到456就进来了,如果说你这儿呢。不去展开,你直接放item的话,那就坏事了。大家可以看一下,就会形成一个二维数组。所以说在这呢,我们需要用点点点的方式呢,把它展开。好,展开之后呢,再来看结果。OK 456没有问题。那么这是数组的情况,那如果说他要不是数组怎么办呢?啊,如果不是数组就简单了,直接result.push。把item往里边一压。你像现在这个七和八就属于这种情况啊,压完之后我们看结果。OK,一到八就全部加入,加入完毕了。那么最后呢,咱们再把result返回即可。返回result return result。
05:02
好,一起来看看最终这个位置的输出结果还是对对不对啊,右键刷新。没有问题。当然我们还可以再来验证一下,比如说后边我再来一个数组九。十。然后点开右键刷新。也没有问题。好了,这是当前呢,对con这个函数呢,咱们做了一个封装。
我来说两句