padStart

padStart 를 사용해서 웹스퀘어 그리드 제어하기

리퀘스트

• 메인화면의 그리드가 조회조건에 따라 가변되어 나오도록 수정해주세요.
  만약에 조회 기간이 3월부터 5월까지라면 3월부터 5월까지만 나오고 다른 월은 그리드가 나오지 않도록

 

var month = "";
var from = Number(시작월.getValue().substring(4,6));
var to = Number(종료월.getValue().substring(4,6));

for(var i = 1; i <= 12; i++){
    month = String(i).padStart(2, "0");
    if(i < from || i > to){
        grid.setColumnVisible("a"+month, false);
        grid.setColumnVisible("b"+month, false);
        grid.setColumnVisible("c"+month, false);
        grid.setColumnVisible("d"+month, false);
    }else{
        grid.setColumnVisible("a"+month, true);
        grid.setColumnVisible("b"+month, true);
        grid.setColumnVisible("c"+month, true);
        grid.setColumnVisible("d"+month, true);
    }
}

padStart 함수

padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환. 채워넣기는 대상 문자열의 시작(좌측)부터 적용.

위의 코드를 적용하면 각 컬럼의 이름이 a01, b01, c01, d01 ... 일 때 조회 조건이 3월에서 5월 일 경우 3~5사이의 숫자가 아니면 해당 컬럼은 보이지 않게 되고 a03, b03, c03, d03 부터 d05까지만 보이게 된다.

const str1 = '5';

console.log(str1.padStart(2, '0'));
// expected output: "05"

문법

str.padStart(targetLength [, padString])

targetLength : 목표 문자열 길이. 현재 문자열의 길이보다 작다면 채워넣지 않고 그대로 반환한다.

padString : 현재 문자열에 채워넣을 다른 문자열.

반환값은 시작점부터 주어진 padString을 채워 목표길이를 만족하는 String