El relleno de cadenas es la nueva característica de ES8 agregada a javascript. Trabajaremos en un ejemplo simple, que transpilará el relleno de cadenas a ES5 usando babel.
Acolchado de cuerdas
El relleno de cadena agrega otra cadena desde el lado izquierdo según la longitud especificada. La sintaxis para el relleno de cadenas es la que se muestra a continuación:
Sintaxis
str.padStart(length, string);
str.padEnd(length, string);
Ejemplo
const str = 'abc';
console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));
Salida
_____abc
abc_____
ES8 - Acolchado de cuerdas
const str = 'abc';
console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));
mando
npx babel strpad.js --out-file strpad_es5.js
Babel - ES5
'use strict';
var str = 'abc';
console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));
El js debe usarse junto con babel-polyfill como se muestra a continuación:
test.html
<!DOCTYPE html>
<html>
<head>
<title>BabelJs Testing</title>
</head>
<body>
<script src="node_modules\babel-polyfill\dist\polyfill.min.js" type="text/javascript"></script>
<script type="text/javascript" src="strpad_es5.js"></script>
</body>
</html>