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