새소식

반응형
JavaScript

ES2017(ES8)

  • -
반응형

Object

 

Object.values(object)

객체의 속성값들만 배열로 만들어준다.

let obj = { a: 'obo', b: 'test' };
Object.values(obj);
// 결과
// ['obo', 'test']

 

Object.entries(object)

객체의 속성명과 속성값을 2차원 배열로 만들어준다.

let obj = { a: 'obo', b: 'test' };
Object.entries(obj);
// 결과
// [['a', 'obo'], ['b', 'test']]

 

Object.getOwnPropertyDescriptors(object)

객체의 모든 속성 설명들을 보여준다.

let obj = { a: 'obo', b: 'test' };
Object.getOwnPropertyDescriptors(obj);
// 결과
/*
{a: {…}, b: {…}}
 a: 
    configurable: true
    enumerable: true
    value: "obo"
    writable: true
    [[Prototype]]: Object
 b: 
    configurable: true
    enumerable: true
    value: "test"
    writable: true
*/

 

String

 

문자열.padStart(최종길이, 보충문자열)

문자열 앞 부분에 공백이나 글자를 넣을 수 있다. 최종길이의 길이만큼 보충문자열을 채워 넣을 수 있다.

최종길이가 채워질만큼 보충문자열이 반복해서 들어가며 보충문자열이 끊겨서 들어갈수도 있다.

최종길이는 기준 문자열 포함하여 보충문자열을 채워 넣는다. 기존 문자열보다 최종 길이 값이 작으면

최종 길이는 무시하고 기존 문자열을 반환한다.

'obo'.padStart(10);
// '       obo'

'obo'.padStart(10, 'test');
// 'testtesobo'

'obo'.padStart(6, 'test');
// 'tesobo'

'obo'.padStart(2);
// 'obo'

 

문자열.padEnd(최종길이, 보충문자열)

padStart 와 비슷하며, 기존 문자열 뒷 부분에 공백이나 글자를 넣을 수 있다.

'obo'.padEnd(10);
// 'obo       '
'obo'.padEnd(10, 'test');
// 'obotesttes'
'obo'.padEnd(6, 'test');
// 'obotes'
'obo'.padEnd(2);
// 'obo'

반응형

'JavaScript' 카테고리의 다른 글

[DataTables] 날짜 검색 커스텀 필터 적용(datepicker 사용)  (0) 2022.12.05
자바스크립트 동작 원리  (0) 2022.03.29
반복문과 return  (0) 2021.12.09
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.