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

Circle_Key

于 2024-04-17 10:45:04 发布

阅读量160

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/Circle_Key/article/details/137863612

该代码片段展示了如何使用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);