封装获取URL中params的值
2023-02-18 16:30:15 时间
utils
const str = "http:www.baidu.com?name=swt&age=80&heigth=200"
function get(key) {
//获取?位置的索引
let index = str.indexOf('?');
//截取?后面的内容
let data = str.substr(index + 1);
//let data = str.slice(index + 1);
//将字符串分割成数组
let dataArray = data.split('&');
//第一种方案 循环遍历
for(let i = 0; i < dataArray.length; i++) {
let newArr = dataArray[i].split('=');
if(newArr[0] == key) {
return newArr[1]
}
}
//第二种方案 for of遍历
for( k of dataArray) {
let newArr = k.split('=');
if(newArr[0] == key) {
return newArr[1]
}
}
//第三种方案
let arr = []
dataArray.forEach((item, index) => {
arr = item.split('=');
})
if(arr[0] == key) {
return arr[1]
}
}
console.log(get('name'), get('age'), get('height')) //swt 80 200
相关文章
- Java设计模式之命令模式
- 如何把文件自动上传同步腾讯云企业网盘?
- Java设计模式之访问者模式
- 给你的网站一键动态换皮肤
- Typecho主题自定义Canvas背景特效
- Java设计模式之代理模式
- Java设计模式之享元模式
- AAA原理与配置_路由交换
- sys-tree:一个打印目录树结构的好帮手
- Java设计模式之外观模式
- Java设计模式之组合模式
- Java设计模式之装饰者模式
- webpack通关秘籍(一)-从1kb不到的项目开始
- Java设计模式之桥接模式
- Java设计模式之适配器模式
- turbopack ,webpack的官方继任者,快700倍
- Java设计模式之职责链模式
- 一文带你了解富文本是如何协同工作的
- Java设计模式之状态模式
- MeiliSearch轻量级搜索引擎-食用指南