第十五届蓝桥杯国赛前的问题记录

遇到的问题

1. 生成m-n的随机数
2. fetch解析后如何获取结果
3. 获取多选下拉框（select标签设置multiple属性）的值
4. 如何删除某个获取到的节点
5. vue中遇到多选下拉框如何处理
6. 如果保留俩位小数

问题解析

1.生成m-n的随机数，包括俩个数在内

function getRandomIntInclusive(min, max) {
  const minCeiled = Math.ceil(min);
  const maxFloored = Math.floor(max);
  return Math.floor(Math.random() * (maxFloored - minCeiled + 1) + minCeiled); // 包含最小值和最大值
}

• 解析：
  • × random的部分，为集合右边，为开，取不到
  • ＋的部分为集合左边，为闭，能取到
  • 根据需要选择floor()或者ceil()

2.fetch解析后如何获取结果

• 可以使用async和await搭配使用

// 通过fetch获取百度的错误提示页面
fetch("http://example.com/movies.json")
  .then((response) => response.json())
  .then((data) => console.log(data));

3.获取多选下拉框（select标签设置multiple属性）的值

• 解析

<select id="select" multiple>
    <option value="1">1111</option>
    <option value="2">2222</option>
    <option value="3">3333</option>
</select >
<script>
    // 获取select元素的options属性
    const options = document.querySelector('#select').options
    const selectedValueArr = []
    for (let i = 0; i < options.length; i++) {
        // 如果该option被选中，则将它的value存入数组
        if (options[i].selected) {
            selectedValueArr.push(options[i].value)
        }
    }
    // 如果后端需要字符串形式，比如逗号分隔
    const selectedValueStr = selectedValueArr.join(',')
    // Ajax code here
    // ...
</script>

• 通过每个option的selected属性
• 可以使用数组的高阶方法进行优化

// 获取select元素的options属性
const allOptions = [...leftSelect.options]

// 获取被选择的options
const selectOptions = allOptions.filter(item => item.selected)

4.如何删除某个获取到的节点

• 对获取到的节点调用remove()

NodeName.remove()

5.vue中遇到多选下拉框如何处理

明日补上

6.如果保留所需位数的小数

• 以保留俩位小数为例

- - 不四舍五入

// 如果想保留三位则除1000 乘1000
function getResult (a) {
  return (Math.floor(a * 100) / 100).toFixed(2)
}

- - 四舍五入

function getResult (a) {
  return a.toFixed(2)
}

小结

本文为，作者在第15届蓝桥杯国赛前的问题记录，存在简单问题仍然记录的情况
如果本文对你有帮助，麻烦点赞+收藏和关注一下，谢谢！