ES2017 자바스크립트 메소드

ES2017 버전에서 생긴 메소드에 대해서 정리해본다

padStart()

문자를 추가하거나 시작부분에 문자를 추가할 때 사용한다

1
2
3
4
5
6
7
8
9
10
let str = "HelloWorld";

//앞에 3개만큼 공백이 추가됨
console.log(str.padStart(13)); //" HelloWorld"

//앞에 공백대신 - 가 5개 추가됨
console.log(str.padStart(15, "-")); //"-----HelloWorld"

//str 보다 길이가 짧으면 변화 없음
console.log(str.padStart(6, "0")); //"HelloWorld"

padEnd()

padStart() 와 다르게 끝부분에 문자를 추가할 때 사용한다.

1
2
3
4
5
6
7
8
9
10
let str = "HelloWorld";

//앞에 3개만큼 공백이 추가됨
console.log(str.padEnd(13)); //"HelloWorld "

//앞에 공백대신 - 가 5개 추가됨
console.log(str.padEnd(15, "-")); //"HelloWorld-----"

//str 보다 길이가 짧으면 변화 없음
console.log(str.padEnd(6, "0")); //"HelloWorld"

Object values

Object 의 값들만 배열로 Return 해줌

1
2
3
4
5
6
7
const ecom ={
companyName: "Coupang",
year: 2021,
country: "Korea"
}

console.log(Object.values(ecom));

object values

Object Entries

Object 의 Key 와 Value 를 전부 배열로 Return 해줌

1
2
3
4
5
6
7
const ecom ={
companyName: "Coupang",
year: 2021,
country: "Korea"
}

console.log(Object.entries(ecom));

object entries

Own Property descriptors

Object 의 meta 정보까지 Return 해줌

1
2
3
4
5
6
7
const ecom ={
companyName: "Coupang",
year: 2021,
country: "Korea"
}

console.log(Object.getOwnPropertyDescriptors(ecom));

object getOwnPropertyDescriptors

연관포스트