关于前端:JavaScript字符串常用方法

字符串的罕用办法
●咱们操作字符串，也有一堆的办法来帮忙咱们操作
●字符串和数组有一个一样的中央，也是依照索引来排列的
●留神：所有字符串罕用办法, 都不会扭转原始字符串, 都是以返回值的模式呈现后果

字符串罕用办法之 charAt
●作用：charAt() 是找到字符串中指定索引地位的内容返回
●语法：字符串.charAt(索引)
●返回值：该索引地位对应的字符
○如果有该索引地位, 那么就是该索引地位的字符
○如果没有该索引地位, 那么就是 空字符串('')

var str = 'hello world'// 应用 charAt 找到字符串中的某一个内容var index = str.charAt(2)console.log(index) // l//查找索引为 13 的内容，因为没有返回是一共空字符串var index1 = str.charAt(13)console.log(index1); // ''

字符串罕用办法之 charCodeAt
●作用：charCodeAt() 就是返回对应索引地位的 unicode 编码
●语法：字符串.charCodeAt(索引)
●返回值：该索引地位的对应字符的 编码(十进制)

var str = 'hello world'// 应用 charAt 找到字符串中的某一个内容var index = str.charCodeAt(4)console.log(index) // 111

○因为 0 在 unicode 对照表外面存储的是 111，所以就会返回 111

字符串罕用办法之 indexOf
●作用：indexOf 就是依照字符找到对应的索引
●语法：字符串.indexOf(要查找的字符，开始索引)
●返回值：
○如果有该字符内容, 那么就是该字符的索引地位
○如果没有该字符内容, 就是 -1

var str = 'hello world'// 应用 indexOf 找到字符串中的某一个内容var index = str.indexOf('l', 0)console.log(index) // 2 返回第一个找到的内容的下标前面的就不查找了var index1 = str.indexOf('w', 3)console.log(index1); // 6 不论从那个索引开始，索引的地位不变var index2 = str.indexOf('w', 7)console.log(index2); // -1 从索引7开始查找没有找到返回-1

字符串罕用办法之 lastIndexOf
●作用：lastIndexOf 是从后向前检测该字符在字符串内的索引地位
●语法：字符串.indexOf(要查找的字符，开始索引)
●返回值：
○如果有该字符内容, 那么就是该字符的索引地位
○如果没有该字符内容, 就是 -1

var str = 'hello world'// 应用 lastIndexOf 找到字符串中的某一个内容var index = str.lastIndexOf('l')console.log(index) //9 返回第一个找到的内容的下标前面的就不查找了,索引的地位不变var index = str.lastIndexOf('l', 8)console.log(index) //3 返回第一个找到的内容的下标前面的就不查找了，索引的地位不变var index = str.lastIndexOf('w', 5)console.log(index) //-1 从后开始查找，开始的索引是5 然而后面没有找到w 返回-1

字符串罕用办法之 substring
●作用：substring 是用来截取字符串应用的
●语法： substring(从哪个索引开始，到哪个索引截止)，蕴含开始索引，不蕴含完结索引
●返回值：返回截取到的内容

var str = 'hello world'// 应用 substring截取字符串中的某一个内容var res = str.substring(2, 8)console.log(res); //llo wo

字符串罕用办法之 substr
●作用：substr 也是用来截取字符串的
●语法：substr(从哪个索引开始，截取多少个)
●返回值：截取到的内容

var str = 'hello world'// 应用 substr截取字符串中的某一个内容var res = str.substr(2, 7)//从索引2开始，截取7个console.log(res); //llo wor

○这个办法和 substring 不一样的是，第二个参数是截取多少个

字符串罕用办法之 toLowerCase 和 toUpperCase
●作用：这两个办法别离是用来给字母格局的字符串转成 小写字母 和 大写字母 的
●语法：
○字符串.toLowerCase()
○字符串.toUpperCase()

var str = 'hello world'// 应用 toUpperCase 转换成大写var upper = str.toUpperCase()console.log(upper) // HELLO WORLD// 应用 toLowerCase 转换成小写var lower = upper.toLowerCase()console.log(lower) // hello world

字符串罕用办法之 slice
●作用：截取字符串
●语法：字符串.slice(起始索引，完结索引)
○蕴含开始的索引对应的内容，不蕴含完结索引对应的内容
○完结索引不写就间接截取到开端
●返回值：截取进去的字符串

var str = 'hello world'// 应用 slice 截取字符串var res = str.slice(1, 4) //ellconsole.log(res);//没有完结的索引间接截取到开端var res1 = str.slice(1) //ello worldconsole.log(res1);

字符串罕用办法之 replace
●作用：用指定的内容替换掉字符串中的内容
●语法：字符串.repalce(被替换的内容，要替换的内容)
○被替换内容 => 换下内容
○要替换内容 => 换上内容
●返回值：替换好的字符串
●留神：内容只能被替换一次，从索引0 的地位开始

var str = 'hello world'// 应用 replace 替换字符串中的内容var res = str.replace('l', 'M')console.log(res); // heMlo worldconsole.log(str); // hello world

字符串罕用办法之 split
●作用：依照切割符号, 把字符串切割开, 放在一个数组外面.
●语法：字符串.split('指定的切割符')
○切割符能够不传递，就会和整体当做一个字符串
○(''）空字符串会一位一位的切割
○(' ') 字符串中有空格 会依照原字符串中的空格切割
●返回值：一个用指定切割符切割好的数组

var str = 'hello world'// 应用 split 切割成一个数组var res = str.split()console.log(res); //['hello world']var res1 = str.split('')console.log(res1); //['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']var res2 = str.split(' ')console.log(res2); //['hello', 'world']

字符串罕用办法之 concat
●作用：字符串拼接也能够说是字符串合并
●语法：字符串.concat(字符串)
●返回值：拼接后的字符串

var str = 'hello world 'var str1 = 'ni hao'// 应用 concat 切割成一个数组var res = str.concat('ni hao')console.log(res); // hello world ni haovar res1 = str.concat(str1)console.log(res1); // hello world ni hao

字符串罕用办法之 trim
●作用：取出字符串头尾的空白内容
●语法：字符串.trim()
●返回值：去除空白内容当前的字符串

var str = '   hello world     '// 应用 trim 切割成一个数组var res = str.trim()console.log(res); // hello world

字符串罕用办法之 trimStart / trimLeft
●作用：去除字符串头部的空白内容
●语法：
○字符串.trimStart()
○字符串.trimLeft()
●返回值：去除空白内容当前的字符串

var str = '   hello world     '// 应用 trimStart 后者trimLeft去除头部的空白内容var res = str.trimStart()console.log(res); //hello worldvar res1 = str.trimLeft()console.log(res1); //hello world

字符串罕用办法之 trimEnd / trimRight
●作用：去除字符串尾部的空白内容
●语法：
○字符串.trimtrimEnd()
○字符串.trimRight()
●返回值：去除空白内容当前的字符串

var str = '   hello world     '// 应用 trimEnd 后者trimRight去除尾部的空白内容var res = str.trimEnd()console.log(res); //   hello worldvar res1 = str.trimRight()console.log(res1); //   hello world