操作url地址中传递的数据转换为对象形式操作流程

180 阅读1分钟

操作url地址中传递的数据转换为对象形式操作流程

需要操作的数据↓

'http://172.16.254.254:8081/?userip=127.16.42.19&usermac=58696ce014e7'

效果

image.png

思路:

1.首先创建url地址数据/空对象

2.通过split 对url地址中的? & 进行截取

3.循环遍历数据,获取第一个数据下标【0】 = 隔开第二个数据一样

4.遵循对象赋值语法=> 对象[属性名]=属性值

🖖🖖🖖 让我们开始吧 🖖🖖🖖

代码

 let str = 'http://172.16.254.254:8081/?userip=127.16.42.19&usermac=58696ce014e7'
        // 空对象
        let obj = {}
        console.log(str);
        // 将url地址通过? & 分隔开只要截取出来的数据 
        // ? 分割开的是后面的数据userip      &分割开的是usermac后面的数据
        let mnia = str.split('?')[1].split('&')
        console.log(mnia);
        mnia.forEach(res=>{
            console.log(res);
            let a = res.split('=')[0]//获取属性
            let b = res.split('=')[1]//获取值
            // 执行添加 和 复值
            obj[a]=b
            // 对象[属性名]=属性值   遵循对象复值的原则
        })
        console.log(obj);

image.png

您的点赞是我更文的最大动力, 点赞数越多就会更有动力更新,欢迎留言!

🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣