[Javascript] forEach로 반복되는 코드 줄이기 / new Object / eval() is evil

 

 

 

String 변수인 keyword와 label1 ~ label5가 비어있지 않다면 num++을 해주는 로직을 짰다.

label1 ~ label5는 배열로 만들면 안 됐던 상황이었다.

let num = 0;
// keyword, label1 ~ label5 는 다른 곳에서 받아오는 값 
if(keyword !== "" && keyword !== null){
    num++;
}
if((label1 !== "" && label1 !== null)){
    num++;
}
if((label2 !== "" && label2 !== null)){
    num++;
}
if((label3 !== "" && label3 !== null)){
    num++;
}
if((label4 !== "" && label4 !== null)){
    num++;
}
if((label5 !== "" && label5 !== null)){
    num++;
}

 

 

강조되고 반복되는 코드는 저를 불안하게 하죠,,

간단하게 쓰고 싶어서 찾아보다가 forEach로 접근을 하면 되는 것을 알아냈다

챗지피티 고마워... 

 

 

 

 

 

 

[keyword, label1, label2, label3, label4, label5].forEach(item => {
    if(item !== "" && item !== null) {
        num++;
    }
});

 

[] 배열 안에 넣고 싶은 변수를 넣고 forEach를 돌리면 된다. 

 

 

 

 

 

 

그리고 각 요소의 타입이 달라도 잘 돌아간다. 신기해,,

(자바에선 Object에 넣어야 사용할 수 있는데..!)

 

 

 

 

 

 

 

객체 사용

obj.키이름 으로 입력할 수 있고obj[변수명] 으로도 입력할 수 있다.

 

 

 

 

 

 

 

 

 

eval()

eval()은 보안 문제, 가독성과 유지보수 어려움, 성능문제, 크로스 브라우징 이슈 등의 문제로 권장하지 않는다. 

 

 

 

 

 

 

 

참고 

https://webclub.tistory.com/512