JavaScript 将一个数字拆分成数组

Rlm*

已于 2023-07-21 17:24:05 修改

阅读量659

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

于 2023-01-31 10:03:27 首次发布

本文链接：https://blog.csdn.net/renlimin1/article/details/128812482

版权

JavaScript 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

var shouru = 9999.99   //可以从接口获取到数据  这里直接写数据
    var sr = shouru.toString();
    var data = [];
    for (var i = 0, len = sr.length; i < len; i += 1) {
        data.push(+sr.charAt(i))   //charAt(i) 函数 获取字符串中i位置的字符
        if (isNaN(data[i])) {     //判断是否是.   如果是变成， 不是添加一个li
            $('.dada').append('<span style="margin-right: 10px;">,</span>')
        } else {                   
            $('.dada').append('<li>' + data[i] + '</li>')
        }
    }                            //加单位
    $('.dada').append('<span style="font-size: 14px;">万元</span>')

<div style="background-color: #97bce6;">
    <div class="title">金额</div>
    <ul class="dada">
    </ul>
</div>

.title {
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 10px;
        color: #FFFFFF;
    }
 
    .dada{
        width: 100%;
        height: 20px;
        color: #FFFFFF;
        line-height: 20px;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
 
    .dada li {
        list-style: none;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background: #0dc7cc;
        border-radius: 2px;
        font-size: 14px;
    }
 
    .dada span {
        font-size: 14px;
        margin-top: 2px;
        font-weight: 800;
    }