JS新规范padStart()详解,自己实现一个简单的padStart()

JS新规范padStart()详解,自己实现一个简单的padStart()ES2017引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

padStart()

标准内置对象:String.Prototype.padStart()

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart() 用于头部补全,padEnd() 用于尾部补全。

下面主要写padStart()。

介绍

padStart() 方法用另一个字符串填充当前字符串(重复,如果需要的话),以便产生的字符串达到给定的长度。填充从当前字符串的开始(左侧)应用的。

语法

str.padStart(targetLength [, padString])

参数

targetLength

当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度,则返回当前字符串本身。

padString 可选

填充字符串。如果字符串太长,使填充后的字符串长度超过了目标长度,则只保留最左侧的部分,其他部分会被截断。此参数的缺省值为 ” “(U+0020)。

返回值

在原字符串开头填充指定的填充字符串直到目标长度所形成的新字符串。

用法

用法1

第二个参数(填充字符转)缺省
默认给原字符串开头填充“ ”,也就是默认填充空格
在这里插入图片描述

使用2

目标长度小于原字符串长度
在这里插入图片描述

使用3

字符串太长,使填充后的字符串长度超过了目标长度,则只保留最左侧的部分,其他部分会被截断。
在这里插入图片描述

使用4 正常使用

在这里插入图片描述

性能优化方案

问题简介

自己实现一个padStart(),实现给字符串‘hello’前补0,考虑性能。

测试方式:跑1w次,字符串拼接到长度1w。

Mr Zhou的实现

String.prototype.zpadStart = function (targetLength, padString) { 
   
    let string = this
    while (string.length < targetLength) { 
   
        string = padString + string
    }
    return string
}

在这里插入图片描述

结尾

我是圆圆,如果我的文章对你的学习成长有所帮助,欢迎 点 赞 ? 支持,您的 点 赞 ? 支持是我进行创作和分享的动力!

如果有问题可以留言评论或者私信我,我都会一一解答~笔芯?

参考

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/195514.html原文链接:https://javaforall.net

(0)
上一篇 2025年10月15日 下午7:43
下一篇 2025年10月15日 下午8:15


相关推荐

  • windowbuilder教程_winbuilder制作pe

    windowbuilder教程_winbuilder制作pehttp://www.cnblogs.com/gladto/archive/2011/07/21/2112836.htmlhttp://hi.baidu.com/zhiqian528/item/ec1

    2022年8月2日
    10
  • Qt之GIF录制工具

    Qt之GIF录制工具一 效果二 特性 1 高压缩比 几百 K 即可拥有丰富的 gif 图 2 支持录制鼠标指针 3 支持设置帧率 4 捕捉框框所在的录制范围内画面无变化时 不会增加新的帧 而是只会增加延时 可以非常有效减小 GIF 文件的体积 5 录制过程中 支持暂停和继续三 GIF 存储结构 GIF 是一种使用 LZW 压缩 支持多张图像的容器 支持 256 色 透明通道为 1bit 作为互联网表情包的载体 GIF 这项 80 年代的技术依然生生不息 但它的弊端也是显而易见的 易出现毛边 色彩表现低劣 文件压缩比不高 针对这些问题 M

    2026年3月18日
    3
  • Android opencv人脸识别

    Android opencv人脸识别opencv人脸识别Androidopencv人脸识别图片:![在这里插入图片描述](https://img-blog.csdnimg.cn/2019012214185895.png//开始人脸检测publicvoidstart(){n_Start();}//停止人脸检测publicvoidstop(){n_Stop();}//设…

    2022年6月7日
    58
  • 实测Lovart:首款设计类Manus太酷了!(附6大使用场景&提示词)

    实测Lovart:首款设计类Manus太酷了!(附6大使用场景&提示词)

    2026年3月15日
    5
  • 列式数据库总结(特点)

    列式数据库总结(特点)简单罗列了一些选择行数据库还是列数据库的权衡依据 当然 如果能够把数据全放在内存中 那么使用内存数据库性能会更好 在只需要根据某几列来聚合数据的时候按列的数据组织方式更有效 因为这样只需要读取一部分数据 要比读取全部数据更快 当只需要修改某一列值的时候按列的数据组织方式更有效 因为可以直接找到某列数据并修改 而与行中的其他列无关 当需要某行的多列数据的时候按行的数据组织方式更有效 当行中数

    2026年3月18日
    2
  • 好玩的matlab程序_matlab怎么停止运行程序

    好玩的matlab程序_matlab怎么停止运行程序fs=44100;dt=1/fs;T16=0.125;t16=[0:dt:T16];[tempk]=size(t16);t4=linspace(0,4*T16,4*k);t8=linspace(0,2*T16,2*k);[tempi]=size(t4);[tempj]=size(t8);%Modificationfunctionsmod4=(t4.^4).*exp(-30*(t4.^0.5…

    2026年2月17日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号