Javascript 배열 변수에 공백 값이 자꾸 들어가는 경우 filter() 메서드

Javascript

배열에서 공백 값을 제거하려면 filter() 메서드를 사용할 수 있습니다. 다음과 같이 코드를 수정하면 됩니다:

wr_7 = wr_7.filter(function(value) {
  return value.trim() !== '';
});

이 코드는 wr_7 배열을 순회하면서 각 요소의 앞뒤 공백을 제거한 후, 공백이 아닌 값들로 새로운 배열을 생성합니다. 이렇게 생성된 새로운 배열이 다시 wr_7에 할당되면서 공백 값이 제거됩니다.

HTML 

JSTL - <c:forEach>, <c:forTokens> 태그 를 사용하는 경우

<c:forEach items="${wr_7_list}" var="item">
  <c:set var="trimmedItem" value="${item.trim()}"/>
  <c:if test="${trimmedItem != ''}">
    - ${trimmedItem}<br>
  </c:if>
</c:forEach>

wr_7_list 배열에서 공백 값을 제거하려면 forEach 루프 내에서 각 요소에 접근하기 전에 공백을 제거해야 합니다. 다음과 같이 코드를 수정할 수 있습니다:

위의 코드에서 var="trimmedItem" 부분은 요소의 앞뒤 공백을 제거한 값을 저장하는 변수입니다. 그리고 c:if 태그 내에서 trimmedItem 변수가 공백이 아닌지 검사하여 출력을 제어합니다. 따라서 공백 값은 제거되고, 공백이 아닌 값만 출력됩니다.

이렇게 하면 wr_7_list 배열에서 공백 값을 제거한 후 출력할 수 있습니다.