🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] # 1. 字符串的方法 > Tip :字符串是基本类型,基本类型没有方法,字符串没有方法,只是底层做了封装 ## 增 ### 1.1 `concat` 增加的方法 ``` var newStr = str.concat(123); console.log(newStr) console.log(str.length) // 没改变,11 console.log(str.charAt(0)) ``` ## 删 ### 1. slice ``` stringObject.slice(start,end) var a = "hello world"; var b = a.slice(0,2); console.log(b); //”he” ``` ## 改 ### 1. replace 替换 ``` var str = "hello world" //replace() 替换 console.log(str.replace("l","*")); ``` ## 查 ### 1. `indexOf` 检索字符串出现的位置 > 如果检索字符没有,返回 -1 ``` var str = "hello world"; console.log(str.indexOf("o"));//4 console.log(str.lastIndexOf("r"))//8 console.log(str.lastIndexOf("o"))//7 ``` ### 2. `length` 获取字符串的长度 ``` var str = "hello world"; console.log(str.length) // 11 ``` ### 3. `search `搜索值的下标 ### 4. `match` 被搜索到的值返回一个数组 ``` var str = "hello world" // search(value) -->返回搜索值的下标 console.log(str.search("l")); //match(value) --> 被搜索到的值返回一个数组 console.log(str.match("l")) ``` ### 5. 查询 slice/substr/substring ``` var str = "hello world" //获取局部 console.log(str.slice(0)); //hello world console.log(str.substr(1,3)) //ell console.log(str.substring(0,4)) //hell ``` ### split将字符串分割成数组 ``` // split(separator) -->将字符串分割成数组 var arr = str.split(""); var arr1 = str.split(" "); var arr2 = str.split("1"); console.log(arr); console.log(arr1); console.log(arr2) ``` ### 6. charAT() 获取指定下标的字符 > 请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。 ``` var str="Hello world!" document.write(str.charAt(1)) ``` ## 字符串模板 ``` var a = 10; var c = 20; var b = `hel${a}l ${c}o`; console.log(b); ```