string.padEnd
padEnd()
?方法会用一个字符串填充当前字符串(如果需要的话则重复填充),返回填充后达到指定长度的字符串。从当前字符串的末尾(右侧)开始填充。
语法
str.padEnd(targetLength [, padString])
参数
targetLength
当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度,则返回当前字符串本身。padString
可选填充字符串。如果字符串太长,使填充后的字符串长度超过了目标长度,则只保留最左侧的部分,其他部分会被截断。此参数的缺省值为 " "(U+0020)。
返回值
在原字符串末尾填充指定的填充字符串直到目标长度所形成的新字符串。
示例
'abc'.padEnd(10); // "abc?????? "
'abc'.padEnd(10, "foo"); // "abcfoofoof"
'abc'.padEnd(6, "123456"); // "abc123"
'abc'.padEnd(1); // "abc"
Polyfill
如果原生环境不支持该方法,在其他代码之前先运行下面的代码,将创建 String.prototype.padEnd()
方法。
// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat
if (!String.prototype.padEnd) {
? ? String.prototype.padEnd = function padEnd(targetLength,padString) {
? ? ? ? targetLength = targetLength>>0; //floor if number or convert non-number to 0;
? ? ? ? padString = String(padString || ' ');
? ? ? ? if (this.length > targetLength) {
? ? ? ? ? ? return String(this);
? ? ? ? }
? ? ? ? else {
? ? ? ? ? ? targetLength = targetLength-this.length;
? ? ? ? ? ? if (targetLength > padString.length) {
? ? ? ? ? ? ? ? padString += padString.repeat(targetLength/padString.length); //append to original to ensure we are longer than needed
? ? ? ? ? ? }
? ? ? ? ? ? return String(this) + padString.slice(0,targetLength);
? ? ? ? }
? ? };
}
规范
Specification | Status | Comment |
---|---|---|
ECMAScript Latest Draft (ECMA-262)The definition of 'String.prototype.padEnd' in that specification. | Living Standard | Initial definition in ECMAScript 2017. |
ECMAScript 2017 (ECMA-262)The definition of 'String.prototype.padEnd' in that specification. | Standard | ? |
浏览器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | 57 | 15 | 48 | 15 | 44 | 10 |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | ? | 57 | (Yes) | 48 | No | ? | 10 |
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com