备赛蓝桥杯之第十五届职业院校组省赛第二题：分享点滴

提示：本篇文章仅仅是作者自己目前在备赛蓝桥杯中，自己学习与刷题的学习笔记，写的不好，欢迎大家批评与建议

由于个别题目代码量与题目量偏大，请大家自己去蓝桥杯官网【连接高校和企业 - 蓝桥云课】去寻找原题，在这里只提供部分原题代码

本题目为：2024年十五届省赛职业院校组真题第二题：分享点滴

题目：

需要考生作答的代码段如下：

/*** @param {string} url  目标 URL* @param {object} params 参数对象* @return {string}  拼接后的 url*/
function appendParamsToURL(url, params) {// TODO: 待补充代码}

题目要求：

请在 `js/index.js` 文件中的 TODO 部分，完善 `appendParamsToURL` 函数，实现以下目标：1. 将函数参数 `params` 对象属性与属性值转换为 `key=value` 的字符串形式拼接，并在每组属性拼接后通过 `&` 符号进行拼接，最终将拼接好的完整参数字符串和函数参数 `url` 进行拼接作为函数返回值进行返回。
2. 需要注意当 `url` 包含 `?` 符号，第一个参数会以 `&` 符号进行拼接；当 `url` 不包含 `?`，则**第一个参数**拼接会以 `?` 符号拼接，后续参数正常以 `&` 符号拼接。最后一个参数后面不需要拼接 `&` 符号。

答案：

/*** @param {string} url  目标 URL* @param {object} params 参数对象* @return {string}  拼接后的 url*/
function appendParamsToURL(url, params) {// TODO: 待补充代码const key = Object.keys(params)const new_parmas = key.map(e=>(`${e}=${params[e]}`)).join('&')return url.includes('?')===true ? url + '&' + new_parmas : url + '?' + new_parmas
}

拓展学习

map方法

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>map学习</title>
</head>
<body><script>let arr = [1,2,,3,4,5];// 目标：把每个数组里的值都加10，形成新的数组// 场景：一一映射并返回新数组// 数组map方法/*数组变量名.map((val,index) => {// return 处理此元素并返回到map函数内，被一个新数组收集起来})// 当数组里所有的值遍历结束以后，停止内部循环，并把新数组返回在map调用原地// 返回值：新数组和每次收集到的值*/let newArr = arr.map((val,index) => {return val + 10;})console.log(newArr);</script>
</body>
</html>