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

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

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

本题目为：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>