vuetable에서 전달받은 데이터를 파싱 했다.
테스트 1, 테스트 2, 테스트 3, 과 같이 마지막 요소에도 , 이 붙길래
마지막 문자 , 을 제거하였다.
formatter(value){
let result,tmp = ""
let tmpArr = [];
tmpArr = value
for(let i = 0; i < tmpArr.length; i++){
tmp += tmpArr[i] + ",";
}
result = tmp.slice(0,-1);
return result;
}
이때 전달되는 데이터는 배열이기 때문에 value는 배열이 담긴다.
새로운 배열을 생성해서 value를 tmpArr에 담아준다.
배열의 길이만큼 반복문 돌면서 tmp에 해당 요소들을 이어준다.
핵심은 이거!
result = tmp.slice(0,-1);
slice(0,-1);
slice 할 건데 처음 인덱스부터(0) 마지막 인덱스에서 -1인 인덱스까지 하겠다는 뜻. 이때 새로운 배열을 반환되어 result에 담긴다.
예를 들어 안녕하세요. 라는 문장이 있다면, 반환되는 값은 안녕하세요 까지인 것이다. (. 삭제)
test1, <이면 test1까지인 것이다.
전체 코드
{
name : "sysTags",
title : "sysTags",
width : "10%",
formatter(value){
let result,tmp = ""
let tmpArr = [];
tmpArr = value
for(let i = 0; i < tmpArr.length; i++){
tmp += tmpArr[i] + ",";
}
result = tmp.slice(0,-1);
return result;
}
},
728x90
'🎨 Front-end > JavaScript' 카테고리의 다른 글
[JQuery] 제이쿼리 기본 개념 정리 참고 블로그 (1) | 2021.06.03 |
---|---|
[JQuery] 모달창에서 버튼 이벤트 발생 시 해당 값 넘기기 (0) | 2021.06.01 |
[JavaScript] 순차적으로 접근한 input 요소의 value값이 interest에 포함되어 있을 경우 해당 input 요소 (0) | 2021.05.04 |
댓글