JS基础-字符串拆分、截取、查找汇总

JS基础-字符串拆分、截取、查找汇总JS 基础 字符串的相关方法一 拆分 1 splice 二 截取 1 slice2 substring3 substr 三 连接 1 concat 四 检索 1 indexOf2 lastIndexOf 总结这是我的学习笔记 学的时候记录 后续方便查找复习


这是我的学习笔记,学的时候记录,后续方便查找复习。

一、拆分

1. split

split 将字符串拆分成数组。

参数: 1.需要一个字符串作为参数,将会根据该字符串去拆分数组; 如果传递的是一个空字符串,则会将每一个字符都拆分成数组中的一个素。 
 var str = "abc_de_fghi_jk"; var result = str.split("_"); console.log(result); // ["abc", "de", "fghi", "jk"] console.log(typeof result); // object console.log(Array.isArray(result)); // true console.log(result[1]); // de console.log(result.length); // 4 // 传空 则拆分每一个字符 var result2 = str.split(""); console.log(result2); // ["a", "b", "c", "_", "d", "e", "_", "f", "g", "h", "i", "_", "j", "k"] 

二、截取

1. slice

slice 可以从字符串中截取指定的内容,且不影响原字符串。

参数: 1.开始位置的索引(包括开始位置); 2.结束位置的索引(不包括结束位置); 如果省略第二个参数,则会截取到后边所有的; 也可以用一个负数作为参数,-1 -> 倒数第一个。 
 var str = 'abcdefghjk'; var result = str.slice(2, 4); console.log(result); // cd var result2 = str.slice(1, -1); console.log(result2); // bcdefghj 

2. substring

substring 可以从字符串中截取指定的内容,且不影响原字符串。与slice类似。

参数: 1.开始位置的索引(包括开始位置); 2.结束位置的索引(不包括结束位置); 区别: 不同于slice的是,substring 不能接受负值作为参数,如果用了负值则默认使用0, 且substring可以自动调参数的位置,如果第二个参数小于第一个,则自动交换。 
 var str = 'abcdefghjk'; var result3 = str.substring(0, 1); console.log(result3) // a var result1 = str.substring(1, -1); // 负数 = 0 console.log(result1); // a var result2 = str.substring(1, 0); // 自动交换 console.log(result2); // a 

3. substr

substr 用来截取字符串,且不影响原字符串。

参数: 1.开始位置的索引(包括开始位置); 2.截取的长度; 区别: 不同于前两个的是,第二个参数是截取字符串的长度。 
 var str = 'abcdefghjk'; var result = str.substr(1, 4); console.log(result); // bcde 

三、连接

1. concat

concat 用来键连接两个或者多个字符串,作用和+一样,且不影响原字符串。

 var str = "世界"; var result = str.concat("和平", "!"); console.log(result); // 世界和平! 

四、根据字符查找

1. indexOf

indexOf 可以检索一个字符串中是否含有指定内容。

参数: 1.传入要索引的字符串; 2.可以指定第二个参数,指定开始查找的位置。 返回值: 若果字符串中含有该索引的内容,则返回其第一次出现的索引; 若没有找到,则返回-1。 
 var str = "hsaofjhdaf"; var result = str.indexOf("a"); console.log(result); // 2 var result = str.indexOf("a", 3); // 指定开始查找位置 console.log(result); // 8 var result = str.indexOf("p"); console.log(result); // -1 

2. lastIndexOf

lastIndexOf 和 indexOf 用法一样,不同的是,lastIndexOf是从后往前找。

参数: 1.传入要索引的字符串; 2.可以指定第二个参数,指定开始查找的位置。 返回值: 若果字符串中含有该索引的内容,则返回其第一次出现的索引; 若没有找到,则返回-1。 
 var str = "hsaofjhdaf"; var result = str.lastIndexOf("a"); console.log(result); // 8 var result = str.lastIndexOf("a", 5); console.log(result); // 2 5 -> 从中间那个f开始从后往前找,找到a后返回a的索引2 var result = str.lastIndexOf("p"); console.log(result); // -1 

五、根据索引查找

1. charAt

charAt 根据传入的索引找到字符串中指定的字符。

参数: 传入要查找的索引。 
 var str = "hsaofjhdaf"; var result = str.charAt(5); console.log(result); // j 

2. charCodeAt

charCodeAt 根据传入的索引找到字符串中指定的字符的字符编码(Unicode编码)。

参数: 传入要查找的索引。 
 var str = "hsaofjhdaf"; var result = str.charCodeAt(5); console.log(result); // 106 

3. fromCharCode

fromCharCode 根据传入的字符编码获取字符(Unicode编码)。

参数: 传入字符编码(Unicode编码)。 
 var result = String.fromCharCode(106); // 用构造函数的对象调用fromCharCode() console.log(result); // j 

持续更新

这里只是字符串的相关方法的基础认识与了解,后面若有相关的继续更新。

今天的文章 JS基础-字符串拆分、截取、查找汇总分享到此就结束了,感谢您的阅读。
编程小号
上一篇 2024-12-19 07:46
下一篇 2024-12-19 07:40

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ji-chu/90861.html