JS字符串补全方法padStart()和padEnd()

一、JS字符串补全方法概述

在 ES2017 中,新增了两个字符串方法:padStart 和 padEnd。这两个方法主要用于在字符串开头或结尾填充指定的字符串使其达到给定的长度。这些方法可以很方便地增强字符串格式化的能力。

  • padStart():在当前字符串开头填充指定的字符串,直到达到指定的长度。如果当前字符串的长度大于或等于指定的长度,则返回原始字符串。
  • padEnd():在当前字符串结尾填充指定的字符串,直到达到指定的长度。如果当前字符串的长度大于或等于指定的长度,则返回原始字符串。

这两个方法都可以接收两个参数:

  • targetLength:用于指定字符串的最小长度。
  • padString(可选参数):用于指定将要填充到原始字符串中的字符串。如果没有指定,则默认使用空格 ' '。

二、padStart()方法示例

下面是一个使用 padStart() 方法在字符串开头补全字符的例子:

let str = '123';
console.log(str.padStart(5, '0')); // 输出 "00123"

在上面的代码中,我们将字符串 '123' 填充到 5 个字符的长度,补全的字符为 '0'。

如果原始字符串的长度大于等于目标长度,则返回原始字符串。

let str = '12345';
console.log(str.padStart(3, '0')); // 如果目标长度小于或等于原始字符串的长度,则返回原始字符串。输出 "12345"

三、padEnd()方法示例

下面是一个使用 padEnd() 方法在字符串结尾补全字符的例子:

let str = '123';
console.log(str.padEnd(5, '0')); // 输出 "12300"

在上面的代码中,我们将字符串 '123' 填充到 5 个字符的长度,补全的字符为 '0'。

如果原始字符串的长度大于等于目标长度,则返回原始字符串。

let str = '12345';
console.log(str.padEnd(3, '0')); // 如果目标长度小于或等于原始字符串的长度,则返回原始字符串。输出 "12345"

综上所述,padStart() 和 padEnd() 方法都可以方便地在字符串开头或结尾填充指定的字符,以达到指定的长度。这两个方法的使用十分简单,但对于字符串格式化却有很大的帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS字符串补全方法padStart()和padEnd() - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • JavaScript原生数组函数实例汇总

    JavaScript原生数组函数是JavaScript编程中非常重要的一部分。这些函数非常高效,可以帮助我们轻松地对数组进行操作,而无需手动编写重复的循环代码。下面是JavaScript原生数组函数实例汇总的完整攻略。 什么是JavaScript原生数组函数? JavaScript原生数组函数是指JavaScript中定义好的、可以直接使用的针对数组进行操作…

    JavaScript 2023年5月27日
    00
  • Vue router配置与使用分析讲解

    对于Vue router配置与使用,可以分为以下几个部分进行讲解: 安装Vue router 配置Vue router 使用Vue router 下面我们逐一讲解。 1. 安装Vue router 首先,我们需要在项目中安装Vue router。可以使用npm或yarn安装。命令如下: npm install vue-router –save 或 yarn…

    JavaScript 2023年6月11日
    00
  • js的Object.assign用法示例分析

    简介 Object.assign 是 ES6 新增的一个API,能够将一个或多个源对象的属性复制到目标对象上。它的参数依次为目标对象和一个或多个源对象。如果源对象中的属性已经存在在目标对象中,那么源对象中的属性值将覆盖目标对象中的属性值。 语法 Object.assign(target, …sources) 参数: target (必须):要将源对象复制…

    JavaScript 2023年5月27日
    00
  • 原生JavaScript实现拖动校验功能

    这里是原生JavaScript实现拖动校验功能的完整攻略。 1. 准备工作 在实现拖动校验功能之前,需要准备以下几项工作。 1.1 HTML结构 首先,需要在HTML中创建一个<ul>列表,每条列表项包含一个可拖动的元素,如下所示: <ul id="drag-items"> <li class="d…

    JavaScript 2023年6月10日
    00
  • js 解析 JSON 数据简单示例

    下面我将详细讲解“js 解析 JSON 数据简单示例”的完整攻略: 什么是 JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于传输和存储数据。它基于JavaScript语言的一个子集,具有良好的可读性,易于编写和理解。JSON格式数据可以简单地使用JavaScript对其进行解析和操作。下面是一个JSO…

    JavaScript 2023年5月27日
    00
  • JavaScript中的对象的extensible属性介绍

    JavaScript中的对象有一个extensible属性,它控制对象是否可以添加新的属性。如果一个对象的extensible属性被设置为false,那么它就不能添加新的属性了,一旦试图添加就会导致错误。这一特性在某些时候是非常有用的,例如需要保护一个对象不被其他代码修改时。 判断对象是否可扩展 可以使用Object.isExtensible(obj)方法来…

    JavaScript 2023年5月27日
    00
  • 详解Javascript百度地图接口开发文档中的类和方法

    下面我将详细讲解百度地图API开发文档中的部分类和方法。 常用类 Map类 地图类,用于在页面上展示地图。可以设置地图的初始中心点、缩放级别等信息。常用方法包括: centerAndZoom(center: Point, zoom: number):设置地图的中心点和缩放级别。 addOverlay(overlay: Overlay):向地图上添加叠加层(如…

    JavaScript 2023年6月11日
    00
  • 详解JavaScript中Date.UTC()方法的使用

    详解JavaScript中Date.UTC()方法的使用 什么是Date.UTC()方法? 在JavaScript中,Date.UTC()是一个可以根据协调世界时(UTC)创建日期对象的方法。该方法的返回值是指定日期时间距离Unix纪元(格林威治标准时间1970年1月1日00:00:00)的毫秒数。 Date.UTC()方法的语法 Date.UTC(year…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部