js 阿拉伯数字转化为中文数字_js阿拉伯数字转换为中文数字-优快云博客

本文链接：https://blog.youkuaiyun.com/lavendersue/article/details/81066091

本文介绍了一个实用的JavaScript函数，用于将阿拉伯数字转换为中文数字，并分享了解决H5页面在iOS端滑动不流畅问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作为一个中国人，总会在某个瞬间觉得中文是那样的美，中华文化是那样的博大精深。当书写数字时，都不忘了使用中文式的数字，比如写单据，章节名时，写上中文数字显得高大上一些。在这里，就和大家分享一下，如何通过js进行阿拉伯数字与中文数字的转化。
代码奉上：

function toChinesNum（num）{
    let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']; //changeNum[0] = "零"
    let unit = ["", "十", "百", "千", "万"];
    num = parseInt(num);
    let getWan = (temp) => {
    let strArr = temp.toString().split("").reverse();
    let newNum = "";
    for (var i = 0; i < strArr.length; i++) {
      newNum = (i == 0 && strArr[i] == 0 ? "" : (i > 0 && strArr[i] == 0 && strArr[i - 1] == 0 ? "" : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i]))) + newNum;
    }
     return newNum;
   }
   let overWan = Math.floor(num / 10000);
   let noWan = num % 10000;
   if (noWan.toString().length < 4) noWan = "0" + noWan;
   return overWan ? getWan(overWan) + "万" + getWan(noWan) : getWan(num);
}

H5页面在 ios 端滑动不流畅的问题，IOS系统的惯性滑动效果非常6，但是当我们对div加overflow-y:auto;后是不会出这个效果的，滑动的时候会感觉很生涩。在此，和大家分享几个解决方案：
（1）在滚动容器内加-webkit-overflow-scrolling: touch
但这个方案有一个问题，在页面内具有多个overflow：auto的情况下，那些具有绝对定位（absolute, fixed）属性的元素，也会跟着滚动。
（2）body {overflow-x: hidden}
即，给 body 元素添加overflow-x：hidden。然后在滚动容器内加overflow-y: auto。