字符串的新增方法

最新推荐文章于 2025-02-08 08:33:26 发布

*小白一枚*

最新推荐文章于 2025-02-08 08:33:26 发布

阅读量231

点赞数

分类专栏：笔记文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_46328930/article/details/125852392

版权

笔记专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字符串的新增方法</title>
</head>
<body>
    <script>
       let arr=['g','o','o','d'];
       //es5  indexOf 返回0/-1
       console.log(arr.indexOf('o'));//1
       //includes()  返回布尔值
       console.log(arr.includes('d',2));//true
       //repeat()
       let x='a';
       console.log(x.repeat(3));//aaa
       let y='a';
       console.log(y.repeat(2.3));//取整 直接舍弃小数（无四舍五入的说法）//aa
       let c='na';
       console.log(c.repeat(3));//nanana
       //padStart(),padEnd()  补全长度
       console.log(x.padStart(6,'cd'));//cdcdca
       console.log(x.padEnd(6,'cd'));//acdcdc
       //trimStart(),trimEnd()  消除空格,返回的都是新字符串
       const s=`  abc  `;
       console.log(s.trimStart());//abc 
       console.log(s.trimEnd());//  abc
    
    </script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

*小白一枚*

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【JavaScript 进阶教程】字符串新增方法 trim() 的说明与使用_js trim

2401_84159688的博客

05-10

1166

解决上述问题只需要加一行代码即可：var str=ipt.value.trim()，这行代码拿到表单值并对其清除了前后空格，后续执行判断时拿到的值是没有前后空格的，也就意味着如果输入空白字符则会将处理为没有输入内容，从而解决了输入空格提交表单没有弹窗的情况。此处我们来一个实际开发中的小应用来看看 trim() 方法学会了没有，此处我会写两部分代码：分别为没有使用 trim 的表单提交，以及使用了 trim 的表单提交，如果表单内容没问题则会将输入内容打印在下方，不符合要求则会弹出弹窗。

ES6中新增的字符串方法

weixin_34184561的博客

05-04

196

实例方法：includes(), startsWith(), endsWith() 传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。 includes()：返回布尔值，表示是否找到了参数字符串。 startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，...

参与评论您还未登录，请先登录后发表或查看评论

JS-学习ES6之- 字符串的扩展

BigKongfuPanda的博客

06-04

225

目录 includes(), startsWith(), endsWith() repeat() 模板字符串 1. includes(), startsWith(), endsWith() includes()：返回布尔值，表示是否找到了参数字符串。 startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，表示参数字符串是否在原...

HTML语言的字符串处理

最新发布

2501_90485748的博客

02-08

294

HTML，全称为HyperText Markup Language，是一种用于创建网页的标记语言。它通过各种标签定义文档的结构和内容，浏览器可以解析和呈现这些内容。HTML本身并不具有数据处理能力，但它提供了文本、图像、链接等内容的基础结构。字符串是计算机编程中的一种数据类型，表示由字符组成的序列。在HTML中，字符串通常出现在标签属性、文本节点、脚本代码等地方。字符串的操作包含创建、修改、查找、切割和拼接等基本操作。在Web开发中，高效的字符串处理有助于提升性能和用户体验。

ES6 字符串方法的扩展

泽渡的博客

03-08

314

文章目录前言includes()、startsWith()、endsWith()includes()startsWith 前言在此只介绍一些常用的 includes()、startsWith()、endsWith() 本来Js中只有`indexOf`方法可以用来确定一个字符串是否包含在另一个字符串中。ES6中又新增了三种新方法。 includes() 返回布尔值，表示是否找到了参数字符串。 let str = 'abcde' str.includes('a') //true 支持第二个参数，表

字符串新增方法

A_gyb的博客

08-24

232

传统上，Javascript只要indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6又提供了三种新方法。 includes() 返回布尔值，表示是否找到了参数字符串 let a = "Hello world"; a.includes('o') //true 第二个参数：表示开始搜索的位置 console.log(a.includes('o',9)) //false startsWith() 返回布尔值，表示参数字符串是否在原字符串的头部 let a = 'He

ES6中字符串string常用的新增方法小结

01-19

本文实例讲述了ES6中字符串string常用的新增方法。分享给大家供大家参考，具体如下： ES6为js新增了很多方法，包括遍历、查询、替换等等，可以很简洁的替换ES5中的类似方法，本文不考虑codePointAt等不常用方法。 ...

ES6知识点整理之String字符串新增常用方法示例

12-12

本文实例讲述了ES6知识点整理之String字符串新增常用方法。分享给大家供大家参考，具体如下： 字符串includes,startsWith,endsWith方法测试普通的用法： [removed] var str = 'Hello'; console.log(str.indexOf('o...

ES6学习-字符串的新增方法

rosecurry的博客

05-17

572

说明：本文参考阮一峰的ECMAScript 6 入门 1.String.fromCodePoint() ES5提供的String.fromCharCode()方法，用于从Unicode码点返回对应的字符，但是这个字符不能正确识别码点大于0xFFFF的字符。 String.fromCharCode(0x20BB7) //"ஷ" 上面代码中,码点0x20BB7大于0xFFFF,String.from...

字符串新增的方法

miracle22222的博客

05-08

423

1.String.fromCodePoint() 用于从Unicode码点返回对应字符。 2.String.raw() 该方法返回一个斜杠都会被转义（即斜杠前面再加一个斜杆）的字符串，往往用于模板字符串的处理方法 3.实例方法： codePointAt() 4.实例方法：normalize() ，用来将字符的不同方法统一为同样的形式，这称为Unicode正规化。 5.实例方法：inclu...

5 字符串的新增方法

哈哩噜啾啾哈呀呀的博客

04-05

313

String.raw() 原生的 String 对象，提供了一个raw()方法。该方法返回一个斜杠都被转义（即斜杠前面再加一个斜杠）的字符串，往往用于模板字符串的处理方法。 String.raw`Hi\n${2+3}!` // 实际返回 "Hi\\n5!"，显示的是转义后的结果 "Hi\n5!" 作用就是给每个\前面加一个\ 最常见的使用方法就是用于模板字符串 raw()函数的参数得是对象，放...

ES6 字符串新增方法

qq_33063609的博客

09-17

360

字符串新增方法1、String.fromCodePoint()2、String.raw()3、实例方法：codePointAt()4、实例方法：normalize()5、实例方法：includes(), startsWith(), endsWith()6、实例方法：repeat()7、实例方法：padStart()，padEnd()8、实例方法：trimStart()，trimEnd()9、实例方...

ES6(6)—— 新增字符串方法

zhanghuali

07-22

1047

一、判定一个字符串是否包含在另一个字符串中的方法。之前，我们JavaScript只有一种方法indexOf()（或者lastIndexOf()）判定一个字符串是否包含在另一个字符串中，ES6又提供了三种方法：includes()、startsWith()、endsWith()。这三种方法都支持第二参数，表示从第几位开始搜索。 1、indexOf()方法和lastIndexOf()方法。这...

新增字符串方法： slice(),substring(),substr()

qq_36709020的博客

04-07

411

var str = 'hello-world!'; //字符串长度 11 // 传入一个参数 console.log(str.substring(2)); //llo-world! console.log(str.slice(2)); //llo-world! console.log(str.substr(2)); //llo-world! con...

新增字符串的方法

xiwmwmwm的博客

12-27

404

codePointAt（）的参数是用来表示从字符串的第几个位置开始，该方法返回的是码点的十进制，如果想要十六进制的值，可以使用toString（）方法转换一下。raw（）方法，该方法返回一个斜杠都被转义（即在斜杠前面在加一个斜杠）的字符串，即在斜杠前面在加一个斜杠，往往用于模板字符串的处理。他们都是返回一个新的字符串，有两个参数，第一个表示需要被替换的字符，第二个表示用什么字符去替换。这是字符串补长功能，其有两个参数，第一个表示填补后的字符串长度，第二个表示用来填补的字符串值。

字符串新增

可芭乐的博客

02-05

197

标签模板 { let user = { name: 'list', info: 'hello world' } console.log(abc`i am ${user.name}, ${user.info}`) //输出结果：i am ,, ,listhello world function abc(s,v1,v2){

ES6字符串新增方法、新增数据类型以及类

weixin_42547360的博客

12-13

644

ES6字符串新增方法、新增数据类型以及类

简述模版字符串新增的操作方法及其作用

06-10

模板字符串是一种在 JavaScript 中方便地定义多行字符串的方法。它可以通过 `${expression}` 的方式插入表达式的值，这样就可以很方便地将变量值嵌入到字符串中。在 ES6 中，模板字符串新增了一些操作方法，如下： 1. `startsWith`: 判断一个字符串是否以指定字符串开头。 2. `endsWith`: 判断一个字符串是否以指定字符串结尾。 3. `includes`: 判断一个字符串是否包含指定字符串。 4. `repeat`: 将一个字符串重复指定次数。这些方法的作用如下： 1. `startsWith`: 可以用来判断一个字符串是否符合某种模式，比如判断一个 URL 是否以 "http://" 或 "https://" 开头。 2. `endsWith`: 可以用来判断一个字符串是否符合某种模式，比如判断一个文件名是否以 ".txt" 或 ".md" 结尾。 3. `includes`: 可以用来判断一个字符串是否包含某个关键字，比如判断一个文本是否包含某些敏感词汇。 4. `repeat`: 可以用来生成重复的字符串，比如生成一堆星号字符串用于分割文本。这些方法可以让我们更方便地对字符串进行操作，提高代码的可读性和可维护性。