给数字加特定的符号_前端数字中插入符号-CSDN博客

本文链接：https://blog.csdn.net/helloxd020406/article/details/128062594

给一个随机数 x x不为负数每个数与数之间用 “|”连接起来，100个为一组，每组再用 “||”分开

取值范围 1. 0<x<100时为一种状态

2. 0< x < ∞

实现的效果为当x<=100时

例

当 0<x<∞ （这个x的值是从0开始切x的值最小为101）

例

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input type="number" id="number">
  <div class="ok">确定</div>
</body>
<script src="./jquery-1.12.3.min.js"></script>
<script>
  $(".ok").click(function () {
    let number = $("#number").val();  //获取输入框的内容,因为懒得造数据了,就随变输入个值,在后面转成数组来用

    var numList = []; //一个空数组 

    for (let a = 0; a < number; a++) { // 浏览器打白工帮我建数据
      numList.push(a);
    };
    console.log(numList, 'numList');

    var csString = '';//空字符串,用来装值

    if (numList.length > 0) {  //判断  numList  数组里是否有数据

      for (let b = 0; b < numList.length; b++) {  //有数据的话,对数组进行循环 

        if (b == 0) {  //b==0 的时候, 原因是只有一条数据,如果依然加"|"的话,在简单的展示是没有问题的,因为这个是我项目里需要的 所以要考虑到,可以根据具体情况进行修改

          csString = "" + numList[b];   // 当 numList 只有一个数据时,就输出其本身  例  1

        } else if (b % 100 == 0) {  //b%100==0时,就是 numList 里有整百的数(例 100 200 300 .....)

          //判断b是否为最后一个                             
          if (b == numList.length - 1) {   //此时b是最后一个(当b值为100时 例 98|99|b)

            csString += '|' + numList[b];

          } else {                         //此时b不是最后一个(当b值为100时 例 98|99|b|b+1......)

            csString += '|' + numList[b] + '|';

          };

        } else {

          csString += '|' + numList[b];   //这个情况就是b的值不是整百且numList最少为两条

        };

      };

    };

    console.log(csString, 'csString');//输出

  })
</script>

</html>