鍍金池/ 問(wèn)答/HTML/ 想用es6方式將這兩端代碼簡(jiǎn)化下,請(qǐng)問(wèn)如何實(shí)現(xiàn)?

想用es6方式將這兩端代碼簡(jiǎn)化下,請(qǐng)問(wèn)如何實(shí)現(xiàn)?

問(wèn)題一

多個(gè)if怎么簡(jiǎn)化

if(params.data.value[2] == 0){ //
            return 'rgba(255, 255, 255, 1)'; // 白色
        } else if(params.data.value[2] == 1){ //
            return 'rgba(255, 100, 29, 1)'; // 紅色
        } else if (params.data.value[2] == 2) {
            return 'rgba(255, 202, 0, 1)'; // 黃色
        } else if (params.data.value[2] == 3) {
            return 'rgba(139, 245, 77, 1)'; // 綠色
        } else if (params.data.value[2] == 4) {
            return 'rgba(139, 245, 77, 0)'; // 綠色
        }
        return 'rgba(255, 255, 255, 0)';

問(wèn)題二

我想做一個(gè)倒計(jì)時(shí)的工具,按秒走,下面這段代碼就是實(shí)現(xiàn)這個(gè)功能的,

我想優(yōu)化一下,減少代碼的重復(fù)量

這段時(shí)間刷新怎么讀取

componentDidMount() {

        const _self = this; // 指向本對(duì)象的指針

        var myDate = new Date();
        document.getElementsByClassName('year')[0].innerHTML = myDate.getFullYear();

        var month = myDate.getMonth()+1;
        month =(month<10 ? "0"+month:month);

        document.getElementsByClassName('month')[0].innerHTML = month; // 月份自動(dòng)加0

        var day = myDate.getDate();
        day =(day<10 ? "0"+day:day);

        document.getElementsByClassName('day')[0].innerHTML = day; // 日子自動(dòng)加0;

        var hour = myDate.getHours();
        hour =(hour<10 ? "0"+hour:hour);

        document.getElementsByClassName('hour')[0].innerHTML = hour; // 小時(shí)自動(dòng)加0

        var minute = myDate.getMinutes();
        minute =(minute<10 ? "0"+minute:minute);

        document.getElementsByClassName('minute')[0].innerHTML = minute; //獲取當(dāng)前分鐘數(shù)(0-59)

        _self.showTimer = setInterval(()=> this.treat(), 1000*3); // 1分鐘換一次數(shù)據(jù)
    }
回答
編輯回答
青瓷

問(wèn)題一:

const colorMap = [
  'rgba(255, 255, 255, 1)',
  'rgba(255, 100, 29, 1)',
  'rgba(255, 202, 0, 1)',
  'rgba(139, 245, 77, 1)',
  'rgba(139, 245, 77, 0)',
]
return colorMap[params.data.value[2]] || 'rgba(255, 255, 255, 0)'

問(wèn)題二: 沒(méi)看懂?什么怎刷新? 你要做的是一個(gè)倒計(jì)時(shí)的效果嗎

2018年7月17日 20:51