JavaScript 可以将字符串填充到给定长度吗?
将字符串填充到所需长度是编程中的常见需求,尤其是当格式化数据以供显示或存储时。 JavaScript 提供了多种选项来实现此目的,但在不同的 JavaScript 平台上具有不同程度的复杂性和兼容性。
ES8/ES2017 String.padStart() 方法
2017 年,ECMAScript 2017 (ES8) 引入了 String.padStart() 和 String.padEnd() 方法,专门用于用空格或空格填充字符串其他角色。现代浏览器和 Node.js 版本支持这些方法。
<br>"Jonas".padStart(10); // 默认填充字符串是空格<br>"42".padStart(6, "0"); // 填充 "0"<br>"<em>".padStart(8, "-/|"); // 生成 '-/|-/|</em>'<br>
对于较旧的 JavaScript 版本,可以使用 polyfill 实现 String.padStart()。
ES8 之前的解决方案
在 ES8 之前,有几种替代方法用于填充琴弦。一种常见的方法是将字符串与填充字符串连接起来,并使用 slice() 提取所需的部分:
<br>var n = 123<p>String("00000 " n).slice(-5); // 返回 00123<br>("00000" n).slice(-5); // 返回 00123<br>(" " n).slice(-5); // 返回“ 123”(有两个空格)<br></p>
另一种技术是创建字符串填充扩展:
<br>String. prototype.paddingLeft = function (paddingValue) {<br> return String(paddingValue this).slice(-paddingValue.length);<br>};<br>
此扩展可以按如下方式使用:
<br>function getFormattedTime(date) {<br> var hours = date.getHours();<br> var分钟 = date.getMinutes();<p>小时 = hours.toString().paddingLeft("00");<br> 分钟 = 分钟.toString().paddingLeft("00");</p> <p>return "{0}:{1}".format(小时,分钟);<br>};</p><p>String.prototype.format = function () {</p><pre class="brush:php;toolbar:false">var args = arguments; return this.replace(/{(\d+)}/g, function (match, number) { return typeof args[number] != 'undefined' ? args[number] : match; });
};
这个演示使用修改后的字符串原型方法进行字符串填充。
以上是JavaScript 如何将字符串填充到特定长度?的详细内容。更多信息请关注PHP中文网其他相关文章!

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

因此,在这里,您准备好了解所有称为Ajax的东西。但是,到底是什么? AJAX一词是指用于创建动态,交互式Web内容的一系列宽松的技术。 Ajax一词,最初由Jesse J创造

本文讨论了在浏览器中优化JavaScript性能的策略,重点是减少执行时间并最大程度地减少对页面负载速度的影响。

本文讨论了使用浏览器开发人员工具的有效JavaScript调试,专注于设置断点,使用控制台和分析性能。

将矩阵电影特效带入你的网页!这是一个基于著名电影《黑客帝国》的酷炫jQuery插件。该插件模拟了电影中经典的绿色字符特效,只需选择一张图片,插件就会将其转换为充满数字字符的矩阵风格画面。快来试试吧,非常有趣! 工作原理 插件将图片加载到画布上,读取像素和颜色值: data = ctx.getImageData(x, y, settings.grainSize, settings.grainSize).data 插件巧妙地读取图片的矩形区域,并利用jQuery计算每个区域的平均颜色。然后,使用

本文将引导您使用jQuery库创建一个简单的图片轮播。我们将使用bxSlider库,它基于jQuery构建,并提供许多配置选项来设置轮播。 如今,图片轮播已成为网站必备功能——一图胜千言! 决定使用图片轮播后,下一个问题是如何创建它。首先,您需要收集高质量、高分辨率的图片。 接下来,您需要使用HTML和一些JavaScript代码来创建图片轮播。网络上有很多库可以帮助您以不同的方式创建轮播。我们将使用开源的bxSlider库。 bxSlider库支持响应式设计,因此使用此库构建的轮播可以适应任何

数据集对于构建API模型和各种业务流程至关重要。这就是为什么导入和导出CSV是经常需要的功能。在本教程中,您将学习如何在Angular中下载和导入CSV文件


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

禅工作室 13.0.1
功能强大的PHP集成开发环境

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具