padEnd() V4

使用字符串在 Number 的末尾进行填充,直到结果达到给定长度;或者创建一个填充 Function,其中包含预定义的 totalLengthpadString 参数。

const paddedValue = utils.padEnd(value, totalLength, padString);
const padderFunction = utils.padEnd(totalLength, padString);

参数

名称 接受
value (可选) String / Number
totalLength 数字
padString 字符串

返回

如果提供了值,则为 String;否则为 可链式工具 Function,用于从末尾填充数字。

const padTo5WithZeros = utils.padEnd(5, '0');
padTo5WithZeros('123');  // '12300'
padTo5WithZeros(78);     // '78000'
padTo5WithZeros('1234'); // '12340'

const roundAndPadEnd = utils.round(0).padEnd(5, '0'); // Round to nearest integer then pad to 5 characters
roundAndPadEnd(123.456); // '12300'
roundAndPadEnd(7.8);     // '80000'

padEnd() 代码示例

import { animate, utils } from 'animejs';

animate('.value', {
  innerHTML: 1,
  modifier: utils.round(3).padEnd(6, '-'),
  duration: 100000,
  ease: 'linear',
});
<div class="large row">
  <pre class="large log row">
    <span class="value lcd">0</span>
  </pre>
</div>