根据评分显示星星个数(全星、半星、空星)

谁借莪１个温暖的怀抱￠ 2021-07-24 22:19 525阅读 0赞

思路:将评分转换成数组,根据数组1，0.5，0来判断显示什么内容
       
        let arr=[];
        let m=Math.floor(this.score);  //整数部分
        let n=this.score-m;  //小数部分
        
    	方式一:
    	  
    	for(let i=0;i<m;i++)  //全星
        {
          arr.push(1);
        }
    
        if(n>=0.5) //最多出现一个半星
        {
          arr.push(0.5);
        }
    
        while(arr.length<5) //空星
        {
          arr.push(0);
        }
    
        console.log(arr);
        return arr;
    
         
    	方式二:
    
         if(n<0.5)  // 小数部分<0.5的情况
         {
          for(let i=0;i<5;i++)
          {
            if(i<=(this.score-1))
            {
              arr.push(1);
            }else {
              arr.push(0);
            }
          }
         }else{ //小数部分>=0.5的情况
           for(let i=0;i<5;i++)
           {
             if(i<m)
             {
               arr.push(1);
             }else if(i==m) {
               arr.push(0.5);
             }else{
               arr.push(0);
             }
           }
         }
    
        console.log(arr);
        return arr;

效果:  
![在这里插入图片描述][20200526172945591.png]  
![在这里插入图片描述][20200526172954865.png]

[20200526172945591.png]: /images/20210724/50a21886f7324323aca0cc300fb9e8b0.png
[20200526172954865.png]: /images/20210724/0cec3e7255f3487583c528e3f8c77bfb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，525人围观）

还没有评论，来说两句吧...

相关阅读

相关 React-封装星星评价（支持半星、点击）拿来即用

Ⅰ- 壹 - 功能展示和使用需求 ![在这里插入图片描述][20201027114115906.png_pic_center] 一需要安装styled-compon

矫情吗；*/ 2022年12月18日 15:57/ 0 赞/ 170 阅读

相关进阶篇之纯css+字体实现五角星（半颗星）评分 (实用）

原文：[https://www.cnblogs.com/sxs161028/p/7249966.html][https_www.cnblogs.com_sxs161028_p_

太过爱你忘了你带给我的痛/ 2022年11月28日 10:34/ 0 赞/ 240 阅读

相关偶数的个数（难度系数：半颗星）

求出1~1000之间能被7或11整除，但不能同时被7和11整除的所有偶数（除了1和它本身以外不再有其他因数的正整数） include<stdio.h>

短命女/ 2022年06月17日 08:14/ 0 赞/ 175 阅读

相关水仙花数（难度系数：半颗星）

题目描述：打印出所有的“水仙花数”，所谓“水仙花数”是指一个三位数，其各位数字立方和等于该数本身。例如：153是一个“水仙花数”，因为153=1的三次方＋5的三次方＋3的三

矫情吗；*/ 2022年06月17日 08:13/ 0 赞/ 247 阅读

相关分解质因数（难度：半颗星）

问题描述：输入一个正整数，输出它的质因数分解的结果。 PS：质因子从小到大排列例如：输入：30 输出：30=2\3\5 输入：5 输出：5=5 参

小鱼儿/ 2022年06月15日 20:18/ 0 赞/ 196 阅读

相关根据日期判断天数（难度：半颗星）

问题描述：输入一个日期，判断这一天是这一年的第几天，如果输入日期不合法，比如：2008 1 32（这个就不合法，因为天数超过了1月的最大天数31），直接输出“输入日期无效”

水深无声/ 2022年06月15日 20:13/ 0 赞/ 225 阅读

相关可逆素数（难度：半颗星）

问题描述：可逆素数是指该数本身是一个素数，并且把该数倒过来也是一个素数。例如：1091是一个素数，把它倒过来1901也是一个素数，所以我们就说1091是一个可逆素数（同

缺乏、安全感/ 2022年06月15日 12:44/ 0 赞/ 398 阅读

相关亲密数对（难度：半颗星）

问题描述：输出【1,100000】范围内的错有亲密数对。如果说n和m是一个亲密数对，那么它们必须满足以下条件 1. n的全部因子之和（不包括n）必须等于m 2.

蔚落/ 2022年06月15日 09:38/ 0 赞/ 438 阅读

相关等差数列（难度：半颗星）

问题描述：一个等差数列的前4个数之和是26，前4个数之积是880，输出这个等差数列的前10项。问题分析：设等差数列的首项为i，公差为j，那么等差数列的和与积分别可以

曾经终败给现在/ 2022年06月15日 09:38/ 0 赞/ 218 阅读

相关根据评分显示星星个数(全星、半星、空星)

思路:将评分转换成数组,根据数组1，0.5，0来判断显示什么内容 let arr=[]; let m=Math.floo

谁借莪１个温暖的怀抱￠/ 2021年07月24日 22:19/ 0 赞/ 526 阅读