前端提高篇(二十九)JS进阶21常见字符串处理需求及URL编码

本文主要探讨JavaScript中字符串的处理方法,包括ASCII码计算、字符串拼接、查找、截取、替换以及URL编码与解码。推荐使用加号进行字符串拼接,注意indexOf和lastIndexOf的使用细节。此外,介绍了encodeURI和encodeURIComponent在处理URL时的不同,前者用于处理汉字和特殊字符,后者则编码更多特殊符号。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

if (s.charCodeAt(i) > 255){

lenB += 2;//ASCII码值最大是255

}else lenB ++;

}

在这里插入图片描述

字符串拼接:s1+s2+s3与s1.concat(s2,s3)

建议使用加号,简单,但注意数字与字符相加的隐式类型转换

在这里插入图片描述

字符串查找:charAt,indexOf,lastIndexOf,match,search

s.charAt(i):查找s中对应下标i位置的字符

s.indexOf(‘aa’,9):查找s中从下标9开始第一个’aa’的位置,没有找到就返回-1

s.lastIndexOf(‘aa’,15):查找s中从下标15处往前找,最后一个’aa’的位置,没有找到就返回-1

match,search与正则匹配使用,可以查找非固定的字符串,之后再更新

在这里插入图片描述

在这里插入图片描述

indexOf和lastIndexOf的第二个参数的范围都是0-s.length,左闭右开,如果传入的是负数,就会被当作0,对indexOf相当于没有传第二个参数,lastIndexOf会返回-1

在这里插入图片描述

字符串截取:slice(start,end)和substring(start,end)

截取区间是左闭右开的,不包含下标为第二个参数的字符

当开始start和结束end数字写错了,start>end时,slice返回空字符串,substring会自行比较start和end的大小,调整位置

在这里插入图片描述

slice可以支持参数为负数,substring会将负数转成0,再截取,因此s.substring(3,-1)相当于s.substring(0,3)

在这里插入图片描述

字符串替换replace,会涉及到正则表达式,也放到后面再一起更新

字符串和数组的转换:join和split

数组转字符串:join,高效方式,性能也很赞

在这里插入图片描述

字符串转数组:split

在这里插入图片描述

根据空格拆解:

在这里插入图片描述

根据正则表达式拆解:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7fYHSukB-1651138714347)(h 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ttps://img-blog.csdnimg.cn/20210303154042792.png)]

URL编码:

encodeURI:当我们要写a标签里的链接时,需要将关键词拼接成网址,将其中的汉字或特殊字符转成Unicode编码

URI解码:decodeURI

在这里插入图片描述

encodeURIComponent可以将网址中的特殊符号,如冒号,斜杠,问号也由Unicode编码,可用于,拼接的关键词也是一个网址,如:
35.png)

encodeURIComponent可以将网址中的特殊符号,如冒号,斜杠,问号也由Unicode编码,可用于,拼接的关键词也是一个网址,如:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值