JavaScript 幾種少見的方法:padStart、padEnd

·

1 min read

1. padStart / padEnd

用途:字符串的補全方法,用在要增加前綴或是後綴,例如小數點 0.00 或是檔案類型 123.jpg

語法如下:

str.padStart(targetLength [, padString])

'zhangxinxu'.padStart(15, false);
// 结果是'falsezhangxinxu'

'zhangxinxu'.padStart(15, null);
// 结果是'nullnzhangxinxu'

'zhangxinxu'.padStart(15, []);
// 结果是'zhangxinxu',因为[]转换成字符串是空字符串

'zhangxinxu'.padStart(15, {});
// 结果是'[objezhangxinxu',只显示了'[object Object]'前5个字符
str.padEnd(targetLength [, padString])

'zhangxinxu'.padEnd(15, false);
// 结果是'zhangxinxufalse'

'zhangxinxu'.padEnd(15, null);
// 结果是'zhangxinxunulln'

第一個參數為補齊後的字串長度,第二個參數是要補上的字串內容

有趣的地方是 targetLength 就算沒有寫也不會報錯,而且不一定要傳入數字類型,傳入字串的 “1” 也可以,因此數字或是弱數字類型都可以被接受。返回結果為補全後的字符串

2. Intl.NumberFormat

const formatter = new Intl.NumberFormat('en-US',{
    style: 'currency', //“decimal”表示純數字格式 , “currency”表示貨幣格式, 和 "percent"表示百分比格式; 默認值是  "decimal".
    currency: 'USD',
    maximumFractionDigits:0, //使用的小數位數的最小數目
  });