JavaScript字符串的常用方法

var str = "hello world";

// 表示str里面有多少个字符串
console.log(str.length); // 11

charAt

作用：找到字符串指定索引位置的字符串
语法：字符串.charAt(索引)
返回值：找到的字符串，没找到返回""

var str = "hello world"

console.log(str.charAt(2)) // l
console.log(str.charAt(200)) // 没找到返回空字符串

charCodeAt

作用：找到字符串指定索引位置的字符串编码
语法：字符串.charCodeAt(索引)
返回值：找到的编码,没找到返回NaN

var str = "hello world"

console.log(str.charCodeAt(1)) // 找到字母e对应的编码101
console.log(str.charCodeAt(100)) // NaN

indexOf

作用：：从头开始找指定字符的索引
语法：字符串.indexOf(字符)
返回值：字符的索引,没找到返回-1

var str = "hello world"

console.log(str.indexOf('h')) //0
console.log(str.indexOf('o')) //4
console.log(str.indexOf('A')) //-1

lastIndexOf

作用：从末尾开始找指定字符的索引
语法：字符串.lastIndexOf(字符)
返回值：字符的索引,没找到返回-1

var str = "hello world"

console.log(str.lastIndexOf('l')) //9
console.log(str.lastIndexOf('o')) //7
console.log(str.lastIndexOf('A')) //-1

截取字符串中的一部分

slice

作用：提取某个字符串的一部分
语法：字符串.slice(start[,end])
- 如果不写end表示截取到最末尾
- 包括start,不包括end
返回：一个新的字符串，且不会改动原字符串

var str = "abcde12345ABCDE"

// 不写end截取到最后
console.log(str.slice(5)) // 12345ABCDE

// 截取的内容包括start，不包括end
console.log(str.slice(0,5)) // abcde

// 不能这么写
console.log(str.slice(5,0))

// 可以识别负数，表示倒数第3个开始截取
console.log(str.slice(-3)) // CDE

substr

作用：返回一个字符串中从指定位置开始到指定字符数的字符
语法：字符串.substr(start[,length])
- 如果不写length表示截取到最末尾
- 从start索引开始截取length个字符
返回：一个新的字符串，且不会改动原字符串

var str = "abcde12345ABCDE"

console.log(str.substr(1)) // bcde12345ABCDE
console.log(str.substr(1,4)) // bcde

substring

作用：提取某个字符串的一部分
语法：字符串.substring(start[,end])
- 如果不写end表示截取到最末尾
- 包括start,不包括end
返回：一个新的字符串，且不会改动原字符串

var str = "abcde12345ABCDE"

console.log(str.substring(5)) // 12345ABCDE
console.log(str.substring(0,5)) // abcde

// 智能调换顺序
console.log(str.substring(5,0)) // abcde

// 全部截取
console.log(str.substring(-3)) // abcde12345ABCDE

repeat

作用：重复字符串
语法：字符串.repeat(重复的次数)
返回值：一个新的重复好的字符串

var str = "hello world"

console.log(str.repeat(3)) // hello worldhello worldhello world

split

作用：把字符串切分成数组
语法：字符串.split("分隔符")
- 不写分隔符,数组中只有一个元素
返回值：一个新数组

var str = "hello world"

// 数组里面一个元素
console.log(str.split()) // ['hello world']

// 会以空格为分隔符
console.log(str.split(" ")) // ['hello', 'world']

// 会以空字符串为分隔符
console.log(str.split("")) // ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']

toLowerCase/toUpperCase

作用：字符串转小写/字符串转大写
语法：
- 字符串.toLowerCase()
- 字符串.toUpperCase()
返回值：一个新数字符串

var str = "abcde12345ABCDE"

console.log(str.toLowerCase()) // abcde12345abcde
console.log(str.toUpperCase()) // ABCDE12345ABCDE

String.fromCharCode(编码)

作用：根据编码转成对应的字符串
语法：String.fromCharCode(编码)
返回值：编码对应的字符

console.log(String.fromCharCode(65)) //A
console.log(String.fromCharCode(101)) //e

concat()

作用：将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回
语法：str.concat(str2, [, ...strN])
返回值：新的字符串
强烈建议使用赋值操作符（+, +=）代替 concat 方法

var text1 = "Hello"
var text2 = "World"

console.log(text1.concat(" ",text2)) //Hello World

trim

作用：删除字符串两端的空白符
语法：str.trim()
返回值：：一个代表调用字符串两端去掉空白的新字符串

var str = "       Hello World!        "
console.log(str.trim()) // Hello World!

test

作用：用来检测字符串是否符合正则的标准
语法：正则.test(字符串)
返回值：boolean
- true：符合规则
- false：不符合规则

var reg = /\d{3}/g
var reg2 = /^[a-zA-Z]+$/
var str = "hello123world456你好789!"

console.log(reg.test(str)) // true
console.log(reg2.test(str)) // false

exec

作用：把字符串中符合正则的内容捕获出来
语法：正则.exec(字符串)
返回值：
- 把字符串中符合正则的要求的第一项以及一些其他信息，以数组的形式返回
- 未找到，则返回值为 null

var reg = /\d{3}/g;
var str = "hello123world456你好789!";

// 获取第一个符合条件的
var res = reg.exec(str);
console.log(res) // ["123"]

// 获取下一个符合条件
var res = reg.exec(str);
console.log(res) // ["456"]

// 获取下一个符合条件
var res = reg.exec(str);
console.log(res) // ["789"]

// 获取下一个符合条件
var res = reg.exec(str);
console.log(res) // null

search

作用：查找字符串中是否有满足正则条件的内容
语法：str.search(正则)
返回值：正则表达式在字符串中首次匹配项的索引；否则，返回 -1
g不起作用

var str = "hello123world456你好789!"
var str2 = "hello"

var reg = /\d{3}/;
console.log(str.search(reg));//5
console.log(str2.search(reg));//-1

match

作用：找到字符串中符合正则条件的内容返回
语法：字符串.match(正则)
返回值：
- 有g：所有匹配的内容的集合
- 没g：把字符串中符合正则的要求的第一项以及一些其他信息，以数组的形式返回

var str = "hello123world456你好789!"
var reg = /\d{3}/
var reg2 = /\d{3}/g

//有g
console.log(str.match(reg2))  // ["123", "456", "789"]

//没有g
console.log(str.match(reg)) // ["123"]

replace

作用：是替换字符串中符合正则条件的字符
语法：字符串.replace(正则,要替换成的新字符串)
返回值：替换好的字符串
- 有g：替换所有符合条件的
- 没有g：替换第一个符合条件的

var str = "hello123world456你好789!"
var reg = /\d{3}/
var reg2 = /\d{3}/g

//没有g，只会替换第一个123
console.log(str.replace(reg,'999')) // hello999world456你好789!

//有g，会替换所有
console.log(str.replace(reg2,'999')) // hello999world999你好999!

完结

随手笔记，如有错误，欢迎指正

更多内容细节请参见 MDN

theme: channing-cyan
highlight: atom-one-dark-reasonable

JavaScript字符串的常用方法

var str = "hello world";

// 表示str里面有多少个字符串
console.log(str.length); // 11

charAt

作用：找到字符串指定索引位置的字符串
语法：字符串.charAt(索引)
返回值：找到的字符串，没找到返回""

var str = "hello world"

console.log(str.charAt(2)) // l
console.log(str.charAt(200)) // 没找到返回空字符串

charCodeAt

作用：找到字符串指定索引位置的字符串编码
语法：字符串.charCodeAt(索引)
返回值：找到的编码,没找到返回NaN

var str = "hello world"

console.log(str.charCodeAt(1)) // 找到字母e对应的编码101
console.log(str.charCodeAt(100)) // NaN

indexOf

作用：：从头开始找指定字符的索引
语法：字符串.indexOf(字符)
返回值：字符的索引,没找到返回-1

var str = "hello world"

console.log(str.indexOf('h')) //0
console.log(str.indexOf('o')) //4
console.log(str.indexOf('A')) //-1

lastIndexOf

作用：从末尾开始找指定字符的索引
语法：字符串.lastIndexOf(字符)
返回值：字符的索引,没找到返回-1

var str = "hello world"

console.log(str.lastIndexOf('l')) //9
console.log(str.lastIndexOf('o')) //7
console.log(str.lastIndexOf('A')) //-1

截取字符串中的一部分

slice

作用：提取某个字符串的一部分
语法：字符串.slice(start[,end])
- 如果不写end表示截取到最末尾
- 包括start,不包括end
返回：一个新的字符串，且不会改动原字符串

var str = "abcde12345ABCDE"

// 不写end截取到最后
console.log(str.slice(5)) // 12345ABCDE

// 截取的内容包括start，不包括end
console.log(str.slice(0,5)) // abcde

// 不能这么写
console.log(str.slice(5,0))

// 可以识别负数，表示倒数第3个开始截取
console.log(str.slice(-3)) // CDE

substr

作用：返回一个字符串中从指定位置开始到指定字符数的字符
语法：字符串.substr(start[,length])
- 如果不写length表示截取到最末尾
- 从start索引开始截取length个字符
返回：一个新的字符串，且不会改动原字符串

var str = "abcde12345ABCDE"

console.log(str.substr(1)) // bcde12345ABCDE
console.log(str.substr(1,4)) // bcde

substring

作用：提取某个字符串的一部分
语法：字符串.substring(start[,end])
- 如果不写end表示截取到最末尾
- 包括start,不包括end
返回：一个新的字符串，且不会改动原字符串

var str = "abcde12345ABCDE"

console.log(str.substring(5)) // 12345ABCDE
console.log(str.substring(0,5)) // abcde

// 智能调换顺序
console.log(str.substring(5,0)) // abcde

// 全部截取
console.log(str.substring(-3)) // abcde12345ABCDE

repeat

作用：重复字符串
语法：字符串.repeat(重复的次数)
返回值：一个新的重复好的字符串

var str = "hello world"

console.log(str.repeat(3)) // hello worldhello worldhello world

split

作用：把字符串切分成数组
语法：字符串.split("分隔符")
- 不写分隔符,数组中只有一个元素
返回值：一个新数组

var str = "hello world"

// 数组里面一个元素
console.log(str.split()) // ['hello world']

// 会以空格为分隔符
console.log(str.split(" ")) // ['hello', 'world']

// 会以空字符串为分隔符
console.log(str.split("")) // ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']

toLowerCase/toUpperCase

作用：字符串转小写/字符串转大写
语法：
- 字符串.toLowerCase()
- 字符串.toUpperCase()
返回值：一个新数字符串

var str = "abcde12345ABCDE"

console.log(str.toLowerCase()) // abcde12345abcde
console.log(str.toUpperCase()) // ABCDE12345ABCDE

String.fromCharCode(编码)

作用：根据编码转成对应的字符串
语法：String.fromCharCode(编码)
返回值：编码对应的字符

console.log(String.fromCharCode(65)) //A
console.log(String.fromCharCode(101)) //e

concat()

作用：将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回
语法：str.concat(str2, [, ...strN])
返回值：新的字符串
强烈建议使用赋值操作符（+, +=）代替 concat 方法

var text1 = "Hello"
var text2 = "World"

console.log(text1.concat(" ",text2)) //Hello World

trim

作用：删除字符串两端的空白符
语法：str.trim()
返回值：：一个代表调用字符串两端去掉空白的新字符串

var str = "       Hello World!        "
console.log(str.trim()) // Hello World!

test

作用：用来检测字符串是否符合正则的标准
语法：正则.test(字符串)
返回值：boolean
- true：符合规则
- false：不符合规则

var reg = /\d{3}/g
var reg2 = /^[a-zA-Z]+$/
var str = "hello123world456你好789!"

console.log(reg.test(str)) // true
console.log(reg2.test(str)) // false

exec

作用：把字符串中符合正则的内容捕获出来
语法：正则.exec(字符串)
返回值：
- 把字符串中符合正则的要求的第一项以及一些其他信息，以数组的形式返回
- 未找到，则返回值为 null

var reg = /\d{3}/g;
var str = "hello123world456你好789!";

// 获取第一个符合条件的
var res = reg.exec(str);
console.log(res) // ["123"]

// 获取下一个符合条件
var res = reg.exec(str);
console.log(res) // ["456"]

// 获取下一个符合条件
var res = reg.exec(str);
console.log(res) // ["789"]

// 获取下一个符合条件
var res = reg.exec(str);
console.log(res) // null

search

作用：查找字符串中是否有满足正则条件的内容
语法：str.search(正则)
返回值：正则表达式在字符串中首次匹配项的索引；否则，返回 -1
g不起作用

var str = "hello123world456你好789!"
var str2 = "hello"

var reg = /\d{3}/;
console.log(str.search(reg));//5
console.log(str2.search(reg));//-1

match

作用：找到字符串中符合正则条件的内容返回
语法：字符串.match(正则)
返回值：
- 有g：所有匹配的内容的集合
- 没g：把字符串中符合正则的要求的第一项以及一些其他信息，以数组的形式返回

var str = "hello123world456你好789!"
var reg = /\d{3}/
var reg2 = /\d{3}/g

//有g
console.log(str.match(reg2))  // ["123", "456", "789"]

//没有g
console.log(str.match(reg)) // ["123"]

replace

作用：是替换字符串中符合正则条件的字符
语法：字符串.replace(正则,要替换成的新字符串)
返回值：替换好的字符串
- 有g：替换所有符合条件的
- 没有g：替换第一个符合条件的

var str = "hello123world456你好789!"
var reg = /\d{3}/
var reg2 = /\d{3}/g

//没有g，只会替换第一个123
console.log(str.replace(reg,'999')) // hello999world456你好789!

//有g，会替换所有
console.log(str.replace(reg2,'999')) // hello999world999你好999!

完结

随手笔记，如有错误，欢迎指正

更多内容细节请参见 MDN

最后编辑于：2021.12.07 23:10:22

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 212,542评论 6赞 493
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 90,596评论 3赞 385
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 158,021评论 0赞 348
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 56,682评论 1赞 284
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 65,792评论 6赞 386
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 49,985评论 1赞 291
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 39,107评论 3赞 410
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 37,845评论 0赞 268
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 44,299评论 1赞 303
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 36,612评论 2赞 327
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 38,747评论 1赞 341
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 34,441评论 4赞 333
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 40,072评论 3赞 317
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 30,828评论 0赞 21
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,069评论 1赞 267
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 46,545评论 2赞 362
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 43,658评论 2赞 350

JavaScript字符串的常用方法

JavaScript字符串的常用方法

charAt

charCodeAt

indexOf

lastIndexOf

截取字符串中的一部分

slice

substr

substring

repeat

split

toLowerCase/toUpperCase

String.fromCharCode(编码)

concat()

trim

test

search

match

replace

完结

JavaScript字符串的常用方法

charAt

charCodeAt

indexOf

lastIndexOf

截取字符串中的一部分

slice

substr

substring

repeat

split

toLowerCase/toUpperCase

String.fromCharCode(编码)

concat()

trim

test

search

match

replace

完结

推荐阅读更多精彩内容