JS字符串方法总结

一. javaScript常用字符串方法

image.png

image.png

二. 方法详解

1. charAt(index);

返回指定索引位置的char(字符)值。索引范围为0~length()-1

var str = "两片面包夹芝士";
console.log(str.charAt(3)); //包

2. charCodeAt(index);

返回指定索引位置字符的Unicode码。索引范围为0~length()-1

var str = "两片面包夹芝士";
console.log(str.charCodeAt(3)); //21253

3. fromCharcode();

功能:将一组Unicode码转为字符。

console.log(String.fromCharCode(97, 98, 99, 120, 121, 122)); //abcxyz

4. concat();

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

var str1 = "蒂蒂";
var str2 = "凯尔希";
var str3 = "明日方舟";
console.log(str1.concat(str2, str3)); //蒂蒂凯尔希明日方舟

5. indexOf(substr, [start]);

功能:搜索指定字符(搜索到返回该字符所在的索引,否则返回 -1),Start是一个可选参数,指定字符串的位置从前往后查找,默认值为0

var str = "巨人烂尾真可恶";
console.log(str.indexOf("烂")); //2
console.log(str.indexOf("烂尾")); //2
console.log(str.indexOf("烂尾", 3)); //-1 ,这里是从下标3开始搜索

注意indexOf方法是从前往后查找

6. lastIndexOf(substr, [start]);

功能:返回指定文本在字符串中最后一次出现的索引,如果未找到,则返回-1Start是一个可选参数,指定字符串的位置从后往前搜索,默认值为string.length-1

var str = "巨人烂尾真可恶真可恶";
console.log(str.indexOf("可恶")); //5
console.log(str.lastIndexOf("太可恶")); // -1

注意lastIndexOf方法是从后往前查找

7. match(regexp);

功能:根据正则表达式在字符串中搜索匹配项。如果没有找到匹配项,则返回null

var str = "明日方舟,yyds!";
console.log(str.match("yyds")); //yyds
console.log(str.match("YYDS")); //null
console.log(str.match("ydss")); //null
console.log(str.match("yyds!")); //yyds!

var regexp = /\w+/g;
console.log(str.match(regexp)); //yyds

8. replace(regexp/substr, replacetext)

功能:用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

var str = "明日方舟,yyds!";
console.log(str.replace("明日方舟", "率土之滨")); //率土之滨,yyds!

var regexp = /[\u4E00-\u9FA5]+/; //汉字
console.log(str.replace(regexp, "英雄联盟")); //英雄联盟,yyds!

9. search(regexp)

功能:检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,如果找到,返回与 regexp 相匹配的子串的索引,否则返回 -1

var str = "明日方舟,yyds!";
var regexp = /\w/;
console.log(str.search("y")); //5
console.log(str.search(regexp)); //5

10. slice(start, [end])

功能:取字符串的某个部分,返回一个新的字符串。包括字符串从 start 开始(包括 start)到 end结束(不包括 end)为止的所有字符,没有end则默认到结尾

参数出现负数时

将负数加上数组长度的值来替换该位置的数

var str = "明日方舟,yyds!";
console.log(str.slice(5)); //yyds!
console.log(str.slice(5, 9)); //yyd
console.log(str.slice(5, -1)); //yyd  -1替换为10-1等同于slice(5, 9)

11. split(string, [limit])

功能:split() 方法用于把一个字符串按照指定符号分割成字符串数组,默认是以英文,分割,可选的limit是一个整数,限制返回的数组最大长度。

var str = "英雄联盟丨率土之滨丨明日方舟";
console.log(str.split("丨")); //["英雄联盟", "率土之滨", "明日方舟"];
console.log(str.split("丨", 2)); //(2) ["英雄联盟", "率土之滨"]

来看一下几种特殊情况,注意区分

//默认是以英文,分割
"1,2,3,4".split(); //['1,2,3,4']
//用空字符串分割,每一位都分割
"1,2,3,4".split(""); //['1', ',', '2', ',', '3', ',', '4']
//空字符串里面有空格--以空格分割
"1,2,3,4".split(" "); //['1,2,3,4']

12. substr(start, [length]) (已弃用)

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

var str = "2023,希望过的开开心心!!";
console.log(str.substr(5)); //希望过的开开心心!!
console.log(str.substr(5, 7)); //希望

13. substring(start,[stop])

功能:substring()方法用于提取字符串中介于两个指定下标之间的字符。stop可选,不传则默认到尾部
说明:如果参数 startstop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 startstop 大,那么该方法在提取子串之前会先交换这两个参数。

var str = "2023,希望过的开开心心!!";
console.log(str.substring(2)); //21,希望过的开开心心!!
console.log(str.substring(2, 7)); //21,希望
console.log(str.substring(7, 2)); //21,希望

14. toLowerCase()

功能:把字符串转换为小写。

var str = "I Love You";
console.log(str.toLowerCase()); //i love you
console.log(str.toLocaleUpperCase()); //I LOVE YOU

15. toUpperCase()

功能:把字符串转换为小写。

var str = "I Love You";
console.log(str.toLowerCase()); //i love you
console.log(str.toLocaleUpperCase()); // I LOVE YOU

16. includes()

功能:检查字符串是否包含指定的字符串或字符, 存在返回true,反之返回false

var str = "2023,希望过的开开心心!!";
console.log(str.includes("开开心心")); //true
console.log(str.includes("不开心")); //false

17. endsWith()

功能: 检查字符串是否以指定的字符串或字符结束, 是返回true,反之返回false

var str = "2023,希望过的开开心心!!";
console.log(str.endsWith("!")); //true
console.log(str.endsWith("?")); //false

18. startsWith()

功能:检查字符串是否以指定的字符串或字符开始, 是返回true,反之返回false

var str = "2023,希望过的开开心心!!";
console.log(str.startsWith("2023")); //true
console.log(str.startsWith("2022")); //false

19.repeat()

功能:将字符串复制指定次数。

var str = "2023,希望过的开开心心!!";
console.log(str.repeat(2)); //202,希望过的开开心心!!2021,希望过的开开心心!!

20. valueOf()

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

var str = "2023,希望过的开开心心!!";
console.log(str.valueOf()); //2021,希望过的开开心心!!

21. trim()

功能:从一个字符串的两端删除空白字符。

var str = "   2021,  希望过的开开心心!!   ";
console.log(str.trim()); //2021,  希望过的开开心心!!
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容