文本省略以及处理数据进度根据最大值取值整百

该代码片段展示了如何使用JavaScript对给定的LayoutList进行处理,通过计算每个名字对应的值的比例,将其转换为百分比形式。主要涉及了文本截断函数和数组操作。

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

/**
 * 文本省略
 * **/
const truncateText=(text, maxLength)=> {
    if (text.length <= maxLength) {
        return text;
    }
    return text.slice(0, maxLength) + '...';
}
 LayoutList: [
        { name: "张诗大萨达", value: "20" },
        { name: "李雨", value: "60" },
        { name: '张梦', value: '80' },
        { name: "诗梦", value: "20" },
        { name: "思雨", value: "130" },
        { name: '梦', value: '430' },
        { name: "诗梦", value: "820" },
        { name: "李雨", value: "70" },
        { name: '张梦', value: '90' },
      ]


    let values = this.LayoutList.map(item => parseInt(item.value));
let maxValue = Math.max(...values);

let factor = 1;
while (maxValue / (factor * 100) > 1) {
    factor++;
}

let roundedMaxValue = factor * 100;
let normalizedList = this.LayoutList.map(item => {
    return {
        ...item,
        percentage: Math.round(parseInt(item.value) / roundedMaxValue * 100),
    };
});

console.log(normalizedList,roundedMaxValue);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值