티스토리 뷰
1. string to array
const str = value.split(',') // 구분자
2. array to string
const str = arr.join(",")
3. array to set
const set = new Set(arr)
4. set to array
const arr = Array.from(set)
5. array foreach
const arr = v.split(',');
const newArr = []
arr.forEach(element => {
if(element) newArr.push(element.trim())
});
6. 배열에 값 추가
// push 마지막에 추가
arr.push(item)
// unshift 처음에 추가
arr.unshift("하나")
7. splice
Array.splice(position, 삭제 수, 새로운아이템...)
let numbers = ['하나', '둘', '셋'];
// 처음에 추가
numbers.splice(0, 0, '넷')
console.log(JSON.stringify(numbers)) // ["넷","하나","둘","셋"]
// 마지막에 추가
numbers.splice(4, 0, '다섯')
console.log(JSON.stringify(numbers)) // ["넷","하나","둘","셋","다섯"]
// 두번째 값 이후에 추가
numbers.splice(1, 0, '여섯')
console.log(JSON.stringify(numbers)) // ["넷","여섯","하나","둘","셋","다섯"]
// 두번째 값 바꾸기
numbers.splice(1, 1, '일곱') // 두번째 자리에 하나 지우고 일곱을 넣는다.
console.log(JSON.stringify(numbers)) // ["넷","일곱","하나","둘","셋","다섯"]
// 세번째 값 바꾸고 여러개 넣기
numbers.splice(2, 1, '여덜', '아홉')
console.log(JSON.stringify(numbers)) // ["넷","일곱","여덜","아홉","둘","셋","다섯"]
// 첫번째 값 지우기
numbers.splice(0, 1)
console.log(JSON.stringify(numbers)) // ["일곱","여덜","아홉","둘","셋","다섯"]
// 세번째부터 2개 지우기
numbers.splice(2, 2)
console.log(JSON.stringify(numbers)) // ["일곱","여덜","셋","다섯"]
8. 배열에서 값 꺼내기(shift, pop)
let numbers = ['하나', '둘', '셋'];
// 첫번째 값 꺼내기
const first = numbers.shift()
console.log(first); // 하나
console.log(JSON.stringify(numbers)) // ["둘","셋"]
// 마지막 값 꺼내기
const last = numbers.pop()
console.log(last); // 셋
console.log(JSON.stringify(numbers)) // ["둘"]
8. 중복 체크
checkDuplication (v) {
const arr = v.split(',');
const set = new Set(arr);
if(newArr.length !== set.size) {
return false;
}
return true;
},
checkDuplicationTrim (v) {
const arr = v.split(',');
const newArr = [];
arr.forEach(element => {
if(element) newArr.push(element.trim());
});
const set = new Set(newArr);
// duplicate
if(newArr.length !== set.size) {
return false;
}
return true;
},
'Working log' 카테고리의 다른 글
Spring Boot Default Timezone, Locale 설정하기 (0) | 2021.12.14 |
---|---|
String.format 예제 (0) | 2021.12.02 |
[vuejs]Vuetify validation 체크 (0) | 2021.12.01 |
20190522001 - vuejs keyup이벤트 문자 짤림 (0) | 2019.05.22 |
20190328002 - modal, popover 이벤트 처리 (0) | 2019.03.28 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- oracle
- cache
- mapToList
- spring
- 스프링부트
- 메시지
- REST
- 예제
- 스프링
- SHEETJS
- 타임리프
- springboot
- RESTful
- UI
- 그리드
- Javascript
- sample
- listToMap
- example
- restful서비스
- 설정
- thymeleaf
- mybatis
- ag grid
- java
- 샘플
- Spring Boot
- 엑셀
- AG-GRID
- lombok
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함