프론트엔드 개발자가 될거야./js

[모던 자바스크립트] 세트, 문자열 패딩

정니정은니 2023. 4. 19. 15:37

set (세트)

세트란 어떠한 자료형의 값이든 각 원소를 고유하게 저장하는 객체이다.

고유한 값만 보유할 수 있는 set의 특징을 이용하여 배열에서 중복을 제거할 수 있다.

const myArray = ['a', 'b', 'c', 'd', 'a', 'a', 'b', 'b'];

const set = new Set(myArray);
console.log(set); // Set {'a', 'b', 'c', 'd'};

// Set을 배열로 변환하기
const uniqueArray = Array.from(set);
console.log(uniqueArray); // ['a', 'b', 'c', 'd'];

// 한줄로도 구현가능
const uniqueArray = Array.from(new Set(myArray));
console.log(uniqueArray); // ['a', 'b', 'c', 'd'];

 

문자열 패딩

- 문자열 시작 부분 또는 끝 부분에 패딩을 추가할 수 있다. 

"jeongeun".padStart(9);
// " jeongeun"

"jeongeun".padEnd(9);
// "jeongeun "

패딩을 6 준 거 같은데 왜 한 칸만 띄어져 있을까?

"jeongeun"은 8글자이고 패딩은 9이기 때문에 빈공간이 1개 남아서 그렇다.

 

- 패딩에 사용자 지정 값 추가

공백을 추가하는 것뿐만 아니라 문자열이나 숫자를 덧붙이는 데에도 사용할 수 있다.

"hello".padEnd(13, " Alberto");
// "hello Alberto"

"1".padStart(3, 0);
// "001"

"99".padStart(3, 0);
// "009"