在百度搜索js,赋值url到js文件中,定义一个url变量,赋值为刚刚的地址,如何将这个url的参数以键值对(key:val)的形式放到对象中?(字节高频面试题)
1.reduce函数详解
ECMAScript 为数组提供了两个归并方法:
reduce()
和reduceRight()
。这两个方法都会迭代数组的所有项,并在此基础上构建一个最终返回值。reduce()
方法从数组第一项开始遍历到最后一项。而reduceRight()
从最后一项开始遍历至第一项。
这两个方法都接收两个参数:对每一项都会运行的归并函数,以及可选的以之为归并起点的初始值。传给reduce()
和reduceRight()
的函数接收 4 个参数:上一个归并值、当前项、当前项的索引和数组本身。这个函数返回的任何值都会作为下一次调用同一个函数的第一个参数。如果没有给这两个方法传入可选的第二个参数(作为归并起点值),则第一次迭代将从数组的第二项开始,因此传给归并函数的第一个参数是数组的第一项,第二个参数是数组的第二项。
2.实现思路
通过split
函数对url进行连续分割,再使用reduce
函数收集参数。
3.代码实现
const url = "https://example.com/?key1=val1&key2=val2&key3=val3"
let params = url.split('?')[1].split('&').reduce((prev,item) => {
let [key,val] = item.split('=')
prev[key] = val
return prev
},{})
console.log(params)
运行结果