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

定义方式
1.字符串直接量&＃xff1a;单引号&＃xff0c;双引号&＃xff0c;注意转义字符
2.字符串对象&＃xff1a;String()

字符串的相关方法&＃xff1a;官网链接

charCodeAt(i):将字符串中第i个字符转成编码

String.fromCharCode(num):将数字num转成字符

字符之间可以比较大小&＃xff0c;因为字符会转成数字

字符串长度与字节长度&＃xff08;图中写错了&＃xff09;
单字节与双字节&＃xff1a;为了节省内存&＃xff0c;能用单字节存储的就用单字节&＃xff0c;不能时再存在双字节中&＃xff0c;比如能用ASCII单字节编码的就用ascii&＃xff0c;不能时就用Unicode双字节

var s &＃61; &＃39;ccy与anzhi&＃39;
var len &＃61; s.length;//字符串长度
var lenB &＃61; 0;//存储字节长度
for (var i &＃61; 0; i < len; i&＃43;&＃43;){if (s.charCodeAt(i) > 255){lenB &＃43;&＃61; 2;//ASCII码值最大是255}else lenB &＃43;&＃43;;
}


字符串拼接&＃xff1a;s1&＃43;s2&＃43;s3与s1.concat(s2,s3)
建议使用加号&＃xff0c;简单&＃xff0c;但注意数字与字符相加的隐式类型转换

字符串查找&＃xff1a;charAt,indexOf&＃xff0c;lastIndexOf&＃xff0c;match&＃xff0c;search
s.charAt(i)&＃xff1a;查找s中对应下标i位置的字符
s.indexOf(‘aa’,9)&＃xff1a;查找s中从下标9开始第一个’aa’的位置&＃xff0c;没有找到就返回-1
s.lastIndexOf(‘aa’,15)&＃xff1a;查找s中从下标15处往前找&＃xff0c;最后一个’aa’的位置&＃xff0c;没有找到就返回-1
match&＃xff0c;search与正则匹配使用&＃xff0c;可以查找非固定的字符串&＃xff0c;之后再更新


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

字符串截取&＃xff1a;slice(start,end)和substring(start,end)
截取区间是左闭右开的&＃xff0c;不包含下标为第二个参数的字符
当开始start和结束end数字写错了&＃xff0c;start>end时&＃xff0c;slice返回空字符串&＃xff0c;substring会自行比较start和end的大小&＃xff0c;调整位置

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

字符串替换replace&＃xff0c;会涉及到正则表达式&＃xff0c;也放到后面再一起更新
字符串和数组的转换&＃xff1a;join和split
数组转字符串&＃xff1a;join&＃xff0c;高效方式&＃xff0c;性能也很赞

字符串转数组&＃xff1a;split

根据空格拆解&＃xff1a;

根据正则表达式拆解:

URL编码&＃xff1a;
encodeURI&＃xff1a;当我们要写a标签里的链接时&＃xff0c;需要将关键词拼接成网址&＃xff0c;将其中的汉字或特殊字符转成Unicode编码
URI解码&＃xff1a;decodeURI

encodeURIComponent可以将网址中的特殊符号&＃xff0c;如冒号&＃xff0c;斜杠&＃xff0c;问号也由Unicode编码&＃xff0c;可用于&＃xff0c;拼接的关键词也是一个网址&＃xff0c;如&＃xff1a;
‘https://www.baidu.com/s?wd&＃61;https://www.baidu.com/s?wd&＃61;王一博’

var u &＃61; &＃39;https://www.baidu.com/s?wd&＃61;王一博&＃39;;
var u1 &＃61; encodeURIComponent(u);
var u2 &＃61; &＃39;https://www.baidu.com/s?wd&＃61;&＃39; &＃43; u1;