JavaScript基础(十四)字符串方法总结

大家好,我是蓝胖子的小叮当,今天分享的是JavaScript的第十一=四章字符串方法总结,大家在阅读期间有任何的意见或建议都可以留言给我哈!

14.1 charAt(x) 查找x位置的字符并返回

charAt(x)返回字符串中x位置的字符,下标从 0 开始。

js 复制代码
//charAt(x)
var myString = 'jQuery FTW!!!';
console.log(myString.charAt(7));
//F
14.2 charCodeAt(x) 查找x位置的字符并返回unicode值

charCodeAt(x)返回字符串中x位置处字符的unicode值。

js 复制代码
//charCodeAt(position)
var message="jquery4u"
console.log((message.charCodeAt(1))
//113
14.3 concat(v1,v2..) 连接多个字符串

concat() 方法用于连接两个或多个字符串,此方法不改变现有的字符串,返回拼接后的新的字符串。

js 复制代码
//concat(v1, v2,..)
var message="Sam"
var final=message.concat(" is a"," hopeless romantic.")
console.log(final)
//"Sam is a hopeless romantic."
14.4 fromCharcode(c1,c2) 转换一组unicode值

fromCharcode(c1,c2)转换一组Unicode值转换为字符。

js 复制代码
//fromCharCode(c1, c2,...)
console.log(String.fromCharCode(97,98,99,120,121,122))
//abcxyz
console.log(String.fromCharCode(72,69,76,76,79))
//HELLO
14.5 indexOf(substr, [start]) 搜索并返回字符串中搜索到的字符或子字符串的索引

indexOf方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果没有找到,则返回-1。Start是一个可选参数,指定字符串中开始搜索的位置,默认值为0。

js 复制代码
//indexOf(char/substring)
var sentence="Hi, my name is Sam!"
if (sentence.indexOf("Sam")!=-1)
alert("Sam is in there!")
14.6 lastIndexOf(substr, [start]) 返回指定文本在字符串中最后一次出现的索引

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引, 如果未找到,则返回-1。 "Start"是一个可选参数,指定字符串中开始搜索的位置, 默认值为string.length-1。

js 复制代码
//lastIndexOf(substr, [start])
var myString = 'javascript rox';
console.log(myString.lastIndexOf('r'));
//output: 11
14.7 match(regexp) 根据正则表达式在字符串中搜索匹配项

根据正则表达式在字符串中搜索匹配项。如果没有找到匹配项,则返回一个信息数组或null。

js 复制代码
//match(regexp) //select integers only
var intRegex = /[0-9 -()+]+$/;  

var myNumber = '999';
var myInt = myNumber.match(intRegex);
console.log(isInt);
//output: 999

var myString = '999 JS Coders';
var myInt = myString.match(intRegex);
console.log(isInt);
//output: null
14.8 replace(regexp/substr, replacetext) 字符串中用一些字符替换另一些字符

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

js 复制代码
//replace(substr, replacetext)
var myString = '999 JavaScript Coders';
console.log(myString.replace("JavaScript", "jQuery"));
//output: 999 jQuery Coders

//replace(regexp, replacetext)
var myString = '999 JavaScript Coders';
console.log(myString.replace(new RegExp( "999", "gi" ), "The"));
//output: The JavaScript Coders
14.9 search(regexp) 检索字符串中指定的子字符串

search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,如果找到,返回与 regexp 相匹配的子串的起始位置,否则返回 -1。

js 复制代码
//search(regexp)
var intRegex = /[0-9 -()+]+$/;  

var myNumber = '999';
var isInt = myNumber.search(intRegex);
console.log(isInt);
//output: 0
14.10 slice(start, [end]) 提取字符串的某个部分

slice() 方法可提取字符串的某个部分,返回一个新的字符串。包括字符串从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。

js 复制代码
//slice(start, end)
var text="excellent"
text.slice(0,4) //returns "exce"
text.slice(2,4) //returns "ce"
14.11 split(delimiter, [limit]) 把一个字符串分割成字符串数组

split() 方法用于把一个字符串分割成字符串数组,返回一个字符串数组返回的数组中的字串不包括 delimiter自身。 可选的"limit"是一个整数,允许各位指定要返回的最大数组的元素个数。

js 复制代码
//split(delimiter, [limit])
var text="excellent"
text.split('e') // ['', 'xc', 'll', 'nt']
text.split('e',2) // ['', 'xc']
14.12 substr(start, [length]) 字符串中抽取从 start 下标开始的指定数目的字符

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。返回一个新的字符串,包含从 start(包括 start 所指的字符) 处开始的 length 个字符。如果没有指定 length,那么返回的字符串包含从 start 到该字符串的结尾的字符。

js 复制代码
//substr(from, to)
var text="excellent"
text.substr(0,4) //returns "exce"
text.substr(2,4) //returns "cell"
14.13 substring(from, [to]) 提取字符串中介于两个指定下标之间的字符

substring() 方法用于提取字符串中介于两个指定下标之间的字符,方返回的子串包括 start 处的字符,但不包括 stop 处的字符,to 可选,如果省略该参数,那么返回的子串会一直到字符串的结尾。

js 复制代码
//substring(from, [to])
var myString = 'javascript rox';
myString = myString.substring(0,10);
console.log(myString)
//output: javascript
14.14 toLowerCase() 字符串转换为小写

toLowerCase() 方法用于把字符串转换为小写。

js 复制代码
//toLowerCase()
var myString = 'JAVASCRIPT ROX';
myString = myString.toLowerCase();
console.log(myString)
//output: javascript rox
14.15 toUpperCase() 字符串转换为大写

toUpperCase() 方法用于把字符串转换为大写。

js 复制代码
//toUpperCase()
var myString = 'javascript rox';
myString = myString.toUpperCase();
console.log(myString)
//output: JAVASCRIPT ROX
14.16 includes() 检查字符串是否包含指定的字符串或字符

includes() 方法用于检查字符串是否包含指定的字符串或字符。

js 复制代码
//includes()
var mystring = "Hello, welcome to edureka";
var n = mystring.includes("edureka");
//output: True
14.17 endsWith() 检查字符串是否以指定的字符串或字符结束

endsWith()函数检查字符串是否以指定的字符串或字符结束。

js 复制代码
//endsWith()
var mystr = "List of javascript functions";
var n = mystr.endsWith("functions");
//output: True
14.18 repeat() 构造并返回一个新字符串

repeat() 构造并返回一个新字符串,该字符串包含被连接在一起的指定数量的字符串的副本。

js 复制代码
//repeat()
var string = "Welcome to Edureka";
string.repeat(2);
//output: Welcome to Edureka Welcome to Edureka
14.19 valueOf() 返回一个String对象的原始值

valueOf() 方法返回一个String对象的原始值(primitive value),该值等同于String.prototype.toString()。

js 复制代码
//valueOf()
var mystr = "Hello World!";
var res = mystr.valueOf();
//output: Hello World!
14.20 trim() 字符串的两端删除空白字符

trim() 方法会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符(如 LF,CR)

js 复制代码
//trim()
var str = "     Hello Edureka!     ";
console.log(str.trim());
//Hello Edureka!

好啦,关于字符串方法的知识点就总结到这里,如果有什么疑问、意见或建议,都可畅所欲言,谢谢大家,我也将持续更新。

相关推荐
没烦恼3012 分钟前
登录表单提交:按钮点击事件 vs form submit事件,该如何选择?
javascript
xiguolangzi2 分钟前
vue3 字体管理
前端
伍华聪18 分钟前
基于Vant4+Vue3+TypeScript的H5移动前端
前端
Nayana20 分钟前
axios-取消重复请求--CancelToken&AbortController
前端·axios
大舔牛27 分钟前
网站性能优化:小白友好版详解
前端·面试
转转技术团队35 分钟前
你的H5页面在折叠屏上适配了吗?
前端
北辰浮光1 小时前
[Web数据控制]浏览器中cookie、localStorage和sessionStorage
前端·vue.js·typescript