jsreduce函数_jsreduce

js数组相加

功能：将两类对象转为真正的数组：类似数组的对象和可遍历的对象

1. JS数组求和问题

jsreduce函数_jsreduce

jsreduce函数_jsreduce

2. js数组求和及值方法

3. 两个city:[1,2,3]数组如何对应相加js

4. 请问js中对象数组求和代码怎么实现

5. 数组能不能相加

varnum=prompt("请输入数字,用逗号分隔","")

varsum=eval(num.replace(/,/g,"+"))

alert(sum);

如果按照你描述的功能,我用上面的代码可以实现,

具体的做法就是..取得输入的字串(必须数字,并且用逗号隔开)

然后把字串裏的逗号替换成加号,在用eval方法把字串转成相应的语句

然后就可以得到所输入数字的和了.

js数组求和及值方法

数组求和除了一般的for，while, foreach, map, filter难道就没有更简单的方法了？？

肯定是 NO NO NO！

示例[ES6]:

let numList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

console.log(numList.reduce((n,m) => n+m));

结果: 55

注意: 如果看不懂箭头函数的小伙伴们，请先了解下ES6。

实在没空，下边附上ES5语法示例！

示例[ES5]:

var numList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

console.log(numList.reduce(function (n, m) {

return n + m;

}));

综上所述: reduce() 和 reduceRight()效果一样，不一样的就是一个从左开始算，一个从右开始算！

两个数组如何对应相加js

通过concat方法进行数组合并.

varmergeTo=[4,5,6],mergeFrom=[7,8,9];定义2个要合并的数组mergeTo和mergeFrommergeTo=mergeTo.concat(mergeFrom);mergeTo的结果是[4,5,6,7,8,9]

concat()方法用于连接两个或多个数组。

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

语法

arrayObject.concat(arrayX,arrayX,......,arrayX)

参数

描述

arrayX必需。

可以是任意多个。

返回一个新的数组。

该数组是通过把所有arrayX参数添加到arrayObject中生成的。

如果要进行concat()作的参数是数组，那么添加的是数组中的元素，而不是数组。

请问js中对象数组求和代码怎么实现

你好，实现代码如下：

var arry = [{'id': 80, 'pr': 50}, {'id': 20, 'pr': 30}, {'id': 20, 'pr': 300}];

var strarr = [];

for (let i in arry) {

strarr.push(arry[i]['pr'])

console.log(eval(strarr.join('+'))) 结果

以上是实现的代码，希望采纳！

数组能不能相加

数组之间不能相加。只有数组元素之间可以进行类型相关的的运算。

数组，是有序的元素序列。若将有限个类型相同的变量的 命名，则这个名称为数组名。组成数组的各个变量称为数组的分量，也称为数组的元素，用于区分数组的各个元素的数字编号称为下标。

数组是在程序设计中，为了处理方便， 把具有相同类型的若干元素按无序的形式组织起来的一种形式。这些无序排列的同类数据元素的 称为数组。

数组是用于储存多个相同类型数据的 。

【前端面试：手写js系列】flat---数组扁平化

输出：一个布尔值JS数组求和问题。

数组扁平化定义：在前端项目开发过程中，偶尔会出现层叠数据结构的数组，需要把多层数组转换为一级数组（即提取嵌套数组元素终合并为一个数组），使其内容合并并且展开。

遍历数组的方案：

for循环

for...of

for...in

forEach()

entries()

keys()

values()

reduce()

map()

判断元素是否是数组的方案：

instanceof

constructor

object.prototype.toString.call

isArray

将数组元素进行展开一层的方案：

扩展运算法 + concat（concat() 方法用于合并两个或多个数组，在拼接的过程中加上扩展运算符会展开一层数组）

concat + apply（主要是利用 apply 在绑定作用域时，传入的第二个参数是一个数组或者类数组对象，其中的数组元素将作为单独的参数传给 func 函数。也就是在调用 apply 函数的过程中，会将传入的数组一个一个的传入到要执行的函数中，也就是相当对数组进行了一层的展开。）

toString + split（不使用 toString + split 方法，因为作字符串是很危险的事情，如果数组中的元素所有都是数字的话，toString + split 是可行的，并且是一步搞定。）

终手写的flat()方法为：

参考博客如下，注明一下出处，感谢大神们，希望自己可以多多练习，多多回顾：

三元博客

JS数组reduce()方法详解及高级技巧

数组flat方法实现

js 箭头函数改写为普通函数，就是去掉箭头

通过addRouteMetaKey函数，我们可以把路由的meta.key作为index的值了。

json.map(function (v, i) {

return keyMap.map(function (k, j) {

returnconsole.log("调用了fun的test方法"); Object.assign({}, {

v: v[k],

ition: (j > 25 ? getCharCol(j) : String.fromCharCode(65 + j)) + (i + 1)

});

});

})

.reduce(function (prev, next) {

return prev.concat(next);

})

.forEach(function (v, i) {

return tmpdata[v.ition] = {

v: v.v

}});源代码里面keyMap.map(function (k, j)， 而你写的是v, i ； 就发现了这一个错误

前端算法入门：刷算法题常用的 JS 基础扫盲

let newStr = [];

此篇属于前端算法入门系列的篇，主要介绍常用的 数组方法 、 字符串方法 、 遍历方法 、 高阶函数 、 正则表达式 以及相关 数学知识 。

}var cat = new Cat(“Black Cat”);

在尾部弹出，类似于出栈，原数组会变。数组的 push & pop 可以模拟常见数据结构之一：栈。

在头部压入数据，类似于入队，原数组会变。

在头部弹出数据，原数组会变。数组的 push （入队） & shift （出队） 可以模拟常见数据结构之一：队列。

concat 会在当前数组尾部拼接传入的数组，然后返回一个新数组，原数组不变。

在数组中寻找该值，找到则返回其下标，找不到则返回 -1 。

在数组中寻找该值，找到则返回 true ，找不到则返回 false 。

将数组转化成字符串，并返回该字符串，不传值则默认逗号隔开，原数组不变。

翻转原数组，并返回已完成翻转的数组，原数组改变。

从 start 开始截取到 end ，但是不包括 end

可参考 MDN：Sort [5]

将数组转化成字符串，并返回该字符串，逗号隔开，原数组不变。

返回指定索引位置处的字符。类似于数组用中括号获取相应下标位置的数据。

类似数组的concat()，用来返回一个合并拼接两个或两个以上字符串。原字符串不变。

indexOf ,返回一个字符在字符串中首次出现的位置, lastIndexOf 返回一个字符在字符串中一次出现的位置。

提取字符串的片断，并把提取的字符串作为新的字符串返回出来。原字符串不变。

使用指定的分隔符将一个字符串拆分为多个子字符串数组并返回，原字符串不变。

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配，并返回一个包含该搜索结果的数组。

replace 接收两个参数，参数一是需要替换掉的字符或者一个正则的匹配规则，参数二，需要替换进去的字符，仔实际的原理当中，参数二，你可以换成一个回调函数。

在目标字符串中搜索与正则规则相匹配的字符，搜索到，则返回个匹配项在目标字符串当中的位置，没有搜索到则返回一个 -1 。

toLowerCase 把字母转换成小写， toUpperCase() 则是把字母转换成大写。

includes 、 startsWith 、 endsWith ， es6 的新增方法， includes 用来检测目标字符串对象是否包含某个字符，返回一个布尔值， startsWith 用来检测当前字符是否是目标字符串的起始部分，相对的 endwith 是用来检测是否是目标字符串的结尾部分。

返回一个新的字符串对象，新字符串等于重复了指定次数的原始字符串。接收一个参数，就是指定重复的次数。原字符串不变。

常用的 for 循环，经常用的数组遍历，也可以遍历字符串。

while 、 do while 主要的功能是，当满足 while 后边所跟的条件时，来执行相关业务。这两个的区别是， while 会先判断是否满足条件，然后再去执行花括号里面的任务，而 do while 则是先执行一次花括号中的任务，再去执行 while 条件，判断下次还是否再去执行 do 里面的作。也就是说 do while 至少会执行一次作 .

拷贝一份遍历原数组。

for…of 是 ES6 新增的方法，但是 for…of 不能去遍历普通的对象， for…of 的好处是可以使用 break 跳出循环。

面试官：说一下 for...in 和 for...of 区别？

返回一个布尔值 。当我们需要判定数组中的元素是否满足某些条件时，可以使用 ry / some 。这两个的区别是， ry 会去判断判断数组中的每一项，而 some 则是当某一项满足条件时返回。

reduce 从左到右将数组元素做“叠加”处理，返回一个值。 reduceRight 从右到左。

Object.keys 方法的参数是一个对象，返回一个数组。该数组的成员都是该对象自身的（而不是继承的）所有属性名，且只返回可枚举的属性。

Object.getOwnPropertyNames 方法与 Object.keys 类似，也是接受一个对象作为参数，返回一个数组，包含了该对象自身的所有属性名。但它能返回不可枚举的属性。

这里罗列一些我在刷算法题中遇到的正则表达式，如果有时间可认真学一下 正则表达式不要背 [7] 。

持续更新，敬请期待……

若一个正整数无法被除了 1 和它自身之外的任何自然数整除，则称该数为质数（或素数），否则称该正整数为合数。

JS数组方法

数组的创建方式

1.字面量的形式： var arr=[1,2,3熟悉element-ui的童鞋们都知道，ElMenuItem和ElSubMenu都需要一个index属性，该属性必须是的。现在，我们想把路由配置直接应用于ElMenu，该如何确保index的性呢？我们需要有一个生成index的函数。如下是genKey函数的定义，是不是很简单？];

1.构造函数： var arr1=new Array();//不常用

Array构造函数有一个很大的缺陷，就是不同的参数，会导致它的行为不一致。

1.单个数值作为参数，参数表示数组的元素个数

可以看到，Array作为构造函数，行为很不一致。因此，不建议使用它生成新数组，直接使用数组字面量是更好的做法。

push/pop/unshift/shift//增加、删除元素 （数组的方法，所以使用时应调用

数组名.方法名（））

arr. sl/spl//截取元素

arr.sl(); 原数组不发生改变

无参数时，返回原数组，相当于数组的。

一个参数时，从参数作为下标的元素截取，至数组结束。

二个参数时，从个参数作为下标（索引）的元素开始截取，到第二个参数作为下标的元素结束，但不包括第二个参数作为下标的函数。 （起始元素包含，结尾元素不包含）

多个参数时，前两个参数起效，后边的参数无效。

arr.spl(); 原数组改变

无参数时，返回空数组。

一个参数时，从参数作为下标的元素截取，至数组结束。

二个参数时，从个参数作为下标（索引）的元素开始截取，即表示截取的起始位置，第二个参数表示截取的元素个数。

多个参数时，前两个参数起效，后边的参数从原数组的截取起始位置开始填充，填充到原数组。

rrse/sort//改变元素位置

arr.rrse(); //数组翻转(元素位置颠倒)

arr.sort(); 从小到大排序，但遵循的是字符串的按位比较规则，所以排序结果容易出现异常。

join();//不改变原数组

join() 以指定参数作为连接符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔。

concat();//拼接数组 不改变原数组

ES5新增数组作方法

indexOf () 返回元素在数组中对应的索引值，找不到的话，返回-1，用以测试元素是否存在于数组中

forEach(function(,index)) 遍历数组,没有返回值

map(function(,index)) 遍历数组,存在返回值

filter(function()) {return >2} 返回大于2的元素

some 返回布尔值，条件部分成立|| arr.some(function(){return >2} )

ry 返回布尔值，条件全部成立&& arr.ry(function(){return >2} )

reduce (对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。)arr.reduce(function(a,b){return a+b;});

toString()和toLocaleString()

功能：将数组的每个元素转化为字符串，并且输出用逗号分隔的字符串列表。功能类似join()；

参数：无

输出：字符串

indexOf()和lastIndexOf()

功能：搜索整个数组中具有给定值的元素，返回找到的个元素的索引或者如果没有找到就返回-1；lastIndexOf为反向搜索。

Array.from()

参数：待转换的对象，第二个参数可选，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。

输出：数组

Array.of()

功能：将一组值，转换为数组。

参数：数组元素

输出：数组

copyWithin()

功能：在当前数组内部，将指置的成员到其他位置，返回变化后的数组。

参数：索引（从该位置开始替换数据）；索引（从该位置开始读取数据，默认为0，负值表示倒数）；索引（到该位置前停止读取，默认为索引）

输出：返回当前替换后的数组。

注意：改变了返回值当前数组

find()和findIndex()

功能：找到个符合条件的数组成员。

参数：回调函数，所有数组成员依次执行该函数，直到找到个返回值为true的成员。回调函数可以接受三个参数，依次为值，位置，原数组。

输出：find()返回找到的成员；findIndex()返回成员的位置。

fill()

功能：使用给定的值，填充一个数组。

参数：个参数为待填充的值，第二和第三参数可选，分别表示填充的起始和结束位置(不包括)。

输出：填充后的数组

entries()、keys()、values()

功能：用于遍历数组，可以用for…of循环进行遍历。区别是keys()是对键名的遍历、values是对键值的遍历、entries()是对键值对的遍历。

参数：无

输出：遍历器对象

功能：表示某个数组是否包含给定的值

参数：个参数必选（待检查的给定值），第二个参数可选，表示搜索的起始位置，默认为0，负数表示倒数的位置。

注意：和indexOf的区别，indexOf进行了运算符的强比对，会导致对NaN误判。

return s.split('').map(x=>{return x1;}).reduce((x,y)=>{return x10+y;});这个js语句什么意思啊

// key，数组下一个元素

一个非负整数字符串转数字的方法，除了做初级面试题之外，一点用也没有

return index;

split将字符串打散成数组，数组每个元素就是字符串的每个字符，即0到9这几个字符，注意该函数无法处理负数和小数，所以要想正常使用输入字符串必须只有0到9这几个字符组成的串

map函数过后，由于数组中每个元素都1，所以终数组变成都是数字类型的元素

reduce相当于一个小递归，终组成一个数字

该函数等价于function string2int(s){return +s;}

完全没有必要搞得那么复杂

Jascript中call和apply的区别与详解

if((typeof o === 'undefined' || o === null)){

大家在百度里面可以搜索call，关于call的定义都很拗口。在我的理解，a.call(b,arg1,arg2..)就是a对象的方法应用到b对象上。例如如下例子：

在尾部追加，类似于压栈，原数组会变。

代码如下 代码

{alert(a+b);

}function reduce(a,b)

{alert(a-b);

}add.call(reduce,1,3) //将add方法运用到reduce,结果为4

二、call可以改变this指向

如下例：

代码如下 代码

function b()

{alert(this)

}b(); //window

b.call(); //window

b.call(“a”,2,3); //a

再看一个复杂的例子：

代码如下 代码

function Animal()

{this.name=”animal”;

this.showName=function()

{alert(this.name)

}}

function Cat()

{this.name=”cat”;

}var animal = new Animal();

var cat = new Cat();

animal.showName(); //结果为animal

animal.showName.call(cat); //原本cat没有showName方法，但是通过call方法将animal的showName方法应用到cat上,因此结果为cat

三、实现继承

如下例子：

代码如下 代码

function Animal(name)

{this.name=name;

this.showName=function()

{alert(this.name)

}}

function Cat(name)

{Animal.call(this,name); //将Animal应用到Cat上，因此Cat拥有了Animal的所有属性和方法

cat.showName(); //浏览器弹出Black Cat

四、apply用法

apply和call的用法只有一个地方不一样，除此之外，其他地方基本一模一样

a.call(b,arg1,arg2…)

apply(b,[arg1,arg2]) //apply只有2个参数，它将call的参数（arg1,arg2…）放在一个数组中作为apply的第二参数

js数组移除制定对象 数组拆分成多个数组

一、call方法的定义

一般的方法此处也不列举了，还是有很多的，如双层循环判断是否相等，或新建数组比较再push等等，需要注意的是，使用spl方法移除元素时，有可能会导致数组塌陷问题，需要处理一下

本文中介绍了多种数组去重的方法，使用了较多的高阶方法及API，并给出相应解释及语法，还有其他多种组合调用方式，原理逻辑其实都不多，其中for循环可以与forEach方法相互转换，因此此处便不再一一列举，大家如果有更好的算法，可以留言给我，虚心请教！！

给定一个数组 [1,2,2,4,null,null,’3′,’abc’,3,5,4,1,2,2,4,null,null,’3′,’abc’,3,5,4] 去除重复项

let arr = [1,2,2,4,null,null,’3′,’abc’,3,5,4,1,2,2,4,null,null,’3′,’abc’,3,5,4]

1. 利用对象的 key 众所周知，对象的key不可重复，否则后者将覆盖前者。利用该特性，实现数组去重，遍历数组，将数组的每一项做为对象的key值

let obj = {};

for (let i = 0; i < arr.length; i++) {

let = arr[i]

if (obj[] !== undefined) {

arr.spl(i, 1);

i–; // 解决删除元素后，数组塌陷问题

continue;

}obj[] =

}// arr: [1, 2, 4, null, “3”, “abc”, 3, 5]

2. 交换元素位置从而替换调 spl方法上述方法存在一定的性能问题，也就是说，基于spl实现删除性能不太好，当前项被删除后，随后每一项的索引都要向前移动一位，数据量较庞大时，一定会影响性能。

基于以上考虑，交换元素的位置，效率会更高一点， 若当前元素重复，则与数组一位元素交换位置，i–再次进行判断即可，同时length–,作数组的长度实现删除数组的一个元素，这样便不会影响到数组中其他元素

let obj = {};

for (let i = 0; i < arr.length; i++) {

let = arr[i]

if (obj[] !== undefined) {

arr[i] = arr[arr.length-1]

arr.length–;

i–;

continue;

}obj[] =

}// arr: [1, 2, 4, null, “3”, “abc”, 3, 5]

3. Array.filter + Array.indexOffilter() 方法：创建一个新数组，新数组中的元素是指定数组中符合某种条件的所有元素。如果没有符合条件的元素则返回空数组。

语法：array.filter(function(,index,arr))

filter() 不会对空数组进行检测。

filter() 不会改变原始数组。

原理：返回 次出现的位置等于当前的index的元素

let newArr = arr.filter((, index) => arr.indexOf() === index);

// [1, 2, 4, null, “3”, “abc”, 3, 5]

4. Array.filter + Object.hasOwnPropertyhasOwnProperty() 方法：返回一个布尔值，表示对象自身属性中是否具有指定的属性

原理：利用对象的键名不可重复的特点

let obj = {}

5. Array.reduce + Array.includesreduce() 方法：接收一个函数作为累加器，数组中的每个值从左到右开始计算，终计算为一个值。

语法：arr.reduce(function(total, currValue, currIndex, arr), initValue)

reduce() 对于空数组是不会执行回调函数的。

total：必需。初始值, 或者计算结束后的返回值

currValue：必需。当前元素

cufunction add(a,b)rrIndex：可选。当前元素的索引

arr ：可选。当前数组对象。

initValue：可选。累加器初始值

let newArr = arr.reduce((accu, cur) => {

return accu.includes(cur) ? accu : accu.concat(cur); // 1. 拼接方法

// return accu.includes(cur) ? accu : […accu, cur]; // 2. 扩展运算

}, []);

// [1, 2, 4, null, “3”, “abc”, 3, 5]

6. Array.indexOfindexOf() 方法：返回数组中某个指定的元素位置。该方法遍历数组，查找有无对应元素并返回元素次出现的索引，未找到指定元素则返回 -1。

let newArr = []

for (var i = 0; i < arr.length; i++) {

if (newArr.indexOf(arr[i]) === -1) newArr.push(arr[i])

}//等同于 forEach 写法

arr.forEach( => newArr.indexOf() === -1 ? newArr.push() : ”)

console.log(newArr) // [1, 2, 4, null, “3”, “abc”, 3, 5]

7. Array.includesincludes() 方法：用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

let newArr = []

for (var i = 0; i < arr.length; i++) {

if (!newArr.includes(arr[i])) newArr.push(arr[i])

}//等同于 forEach 写法

arr.forEach( => !newArr.includes() ? newArr.push() : ”)

console.log(newArr) // [1, 2, 4, null, “3”, “abc”, 3, 5]

8. new Set + 扩展运算符 || Array.fromES6 提供了新的数据结构 Set。类似于数组，但是成员的值都是的，没有重复的值。

Set本身是一个构造函数，可以接受一个具有 iterable 接口数据结构作为参数（如数组，字符串），用来初始化。

let newArr = […new Set(arr)]; // [1, 2, 4, null, “3”, “abc”, 3, 5]

let newArr = Array.from(new Set(arr)); // [1, 2, 4, null, “3”, “abc”, 3, 5]

let newStr = […new Set(‘ababbc’)].join(”) // ‘abc’

9. new MapES6 提供了新的数据结构 Map。类似于对象，也是键值对的，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

set方法设置键名key对应的键值为value，然后返回整个 Map 结构。如果key已经有值，则键值会被更新，否则就新生成该键。

get方法读取key对应的键值，如果找不到key，返回undefined。

has方法返回一个布尔值，表示某个键是否在当前 Map 对象之中。

let map = new Map();

for (let i = 0; i < arr.length; i++) {

if (!map.has(arr[i])) {

map.set(arr[i], true);

newStr.push(arr[i]);

}}

console.log(newArr) // [1, 2, 4, null, “3”, “abc”, 3, 5]

js实现1到N（N为正整数）的小公倍数

参数：元素的值，起点索引（可选）

Private Sub command1_click() Dim m As Integer, n As Integer Dim a As Integer, b As Integer Dim r As Integer m = InputBox("输入m") n = InputBox("输入n") a = m b = n Do r = Abs(m - n) m = n n = r Loop While m <> }fun2.jsn Print a; "和"; b; "公约数是"; r Print a; "和"; b; "小公倍数是"; a b / r End Sub

JS函数式编程和递归探索：路由树的作

数组的 reduce() 和 reduceRight() 求和方法！

开始切入正题之前，有必要告知大家一下，这篇文章可能有一些深度，初学者可能理解会有些吃力。我会尽量把复杂问题简单化，争取让每个阅读的童鞋们都能看得懂。希望你对element-ui，vue-router，KeepAlive组件有一点了解。现在，我们开始吧。

};

现在，我们创建addRouteMetaKey函数，该函数对路由树进行递归遍历，为每一个路由配置的meta属性动态添加key字段。这个函数很简单，属于基础的递归使用例子，我就不做太多解释了。

提示 ：数组的forEach方法不是纯函数，因为它有副作用，所以forEach方法不能称之为函数式编程工具。

现在，我们想实现另一个功能，就是 基于标签页的路由组件缓存控制 。使用过Vuejs KeepAlive组件的童鞋们，应该多多少少都遇到一些坑吧？在我们的项目中，有一个顶部标签页导航，每个tab项对应一个，以每个对应路由的title作为tab项标题，当切换tab的时候加载缓存中的对应的路由组件，关闭tab项，下次打开该路由，重新挂载对应的路由组件，而不是从缓存中加载。

当路由层级不确定的时候，KeepAlive会变的难以手动控制。所以，我 剑走偏锋，尝试了一种简单的解决方案 ，实践证明： 这是非常有效的 。我的方案就是把无限层级的路由树转化为一维数组。通过为meta添加必要的字段，进行页面结构个性化定制。

我们需要把每层路由配置的path转化为全路径，所以需要一个函数：getRouteFullPath，该函数定义如下：

getRouteFullPath函数中使用到的joinPath函数用于将多个路径字符串拼接为1个完整的路径，定义如下：

现在，我们把路由树转化为一维数组。我们定义toFlatRoutes函数，该函数使用了数组的reduce方法对路由树进行聚合递归，将路由配置中的path属性的值替换为全路径，还顺便给路由配置添加了name属性，返回一个新的一维路由配置数组。 这是函数式编程和递归结合的一个例子。

以上，我们解决了KeepAlive的缓存控制问题；现在，我们又有了一个新的用户体验上的需求，就是我们想根据对应的路由，自动展开该路由meta.key所属的侧边菜单；我们通过查阅element-ui文档得知，ElMenu有一个open方法，接收index作为参数，展开index对应的菜单。

现在的问题是，我们的路由对应的index是ElMenuItem的，而路由树已经被我们转化为了一维数组，通过路由的matched字段是得不到我们想要的菜单index的。所以， 我们需要遍历原始路由树 。

如下代码，我们定义getMenuKey函数，该函数接收的参数为route对象。如果路由存在，我们进行查找。首先进行简单查找，如果找到一个菜单menu，则返回该菜单的meta.key；如果简单查找无果，则对路由树进行递归查找； 这是函数式编程和递归结合的另一个例子。

现在，我们大功告成了；以上就是本节的知识点，童鞋们理解了吗？只要我们熟悉递归的使用，其实作树很简单。如果大家还有不懂的，可以评论区问我。感谢阅读！