string.trimStart

trimStart() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด ์‹œ์ž‘๋ถ€๋ถ„์˜ ๊ณต๋ฐฑ์„ ์ œ๊ฑฐํ•œ๋‹ค. trimLeft() ๋Š” ์ด ๋ฉ”์„œ๋“œ์˜ ๋ณ„์นญ์ด๋‹ค.

const greeting = '   Hello world!   ';
greeting; // "   Hello world!   "
greeting.trimStart(); // "Hello world!   "

Syntax

str.trimStart();
str.trimLeft();

Return value

ํ˜ธ์ถœ๋œ ๋ฌธ์ž์—ด์˜ ์‹œ์ž‘๋ถ€๋ถ„(์™ผ์ชฝ) ๊ณต๋ฐฑ์ด ์ œ๊ฑฐ๋œ ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์ด๋‹ค.

Description

trimStart(), trimLeft() ๋ฉ”์„œ๋“œ๋Š” ์™ผ์ชฝ์˜ ๊ณต๋ฐฑ์„ ์ œ๊ฑฐํ•œ ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. trimLeft() ๋˜๋Š” trimStart() ๋Š” ๋ฌธ์ž์—ด ์ž์ฒด์˜ ๊ฐ’์— ์˜ํ–ฅ์„ ๋ผ์น˜์ง€ ์•Š๋Š”๋‹ค.

Aliasing

String.prototype.padStart ์ฒ˜๋Ÿผ ํ•จ์ˆ˜์˜ ์ผ๊ด€์„ฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ํ‘œ์ค€ ๋ฉ”์„œ๋“œ ์ด๋ฆ„์€ trimStart ๋กœ ์„ค์ •๋˜์—ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์›น์˜ ํ˜ธํ™˜์„ฑ ์ธก๋ฉด์—์„œ trimLeft ๋Š” trimStart ์˜ ๋ณ„์นญ์œผ๋กœ ๋‚จ์•„ ์žˆ๋‹ค. ์ผ๋ถ€ ์—”์ง„์€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ•ด์„ํ•œ๋‹ค.

Strimg.prototype.trimLeft.name === 'trimStart';

Examples

trimStart() ์‚ฌ์šฉํ•˜๊ธฐ

let str = '   foo   ';
str.length; // 9 

str = str.trimStart(); 
str.length; // 6
str; // 'foo   '

Browser compatibility

IE ๋Š” ํ˜ธํ™˜์•ˆ๋จ

Polyfill

// https://github.com/FabioVergani/js-Polyfill_String-trimStart

(function(w){
  var STring=w.String, Proto=String.prototype;

  (function(o,p){
      if(p in o?o[p]?false:true:true){
      var r=/^\s+/;
      o[p]=o.trimLeft||function(){
        return this.replace(r,'')
      }
    }
  })(Proto,'trimStart');
})(window);

/*
(w=>{
    const String=w.String, Proto=String.prototype;

    ((o,p)=>{
        if(p in o?o[p]?false:true:true){
            const r=/^\s+/;
            o[p]=o.trimLeft||function(){
                return this.replace(r, '')
            }
        }
    })(Proto, 'trimStart');
})(window);
*/

Last updated

Was this helpful?