当前位置:首页 > 技术分享 > 正文内容

substring、slice、splice、split、join、match、replace方法总结

admin3个月前 (12-30)技术分享576

js 常用的一些操作字符串和数组的方法经常容易混淆,忙里偷闲整理了一下,请看


1. substring() 方法

用法:substring() 方法用于提取字符串中介于两个指定下标之间的字符。

语法:string.substring(start,stop)


示例:
let str = "0123456789"
 
str.substring(0)   // 0123456789 输入0会原字符串输出
str.substring(3)   // 3456789    从第三位开始截取,如果第二个参数忽略则截取到字符串末尾
str.substring(3,7)   // 3456  前包括后不包括


提示:substring 不支持负数,如果是负数会输出原字符串

2. substr() 方法

用法: substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。

提示: substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 substring() 和 slice() 来使用

注意: ECMAscript 没有对该方法进行标准化,因此反对使用它

语法:string.substr(start, length)


示例:
let str = "0123456789"
 
str.substr(0)   // 0123456789   输入0会原字符串输出
 
str.substr(3))   // 3456789
 
str.substr(-3)   // 789
 
str.substr(3,5)  // 34567  
 
str.substr(3,6)  // 345678 从第三位截取,截取6位字符  (第二位参数不支持负数)


3. slice() 方法

用法:slice() 方法可从已有的数组中返回选定的元素。

           slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

语法:array.slice(start,end)

示例:
let arr = ["one", "two", "three","four", "five"]
 
arr.slice(1,3)  // ["two","three"]
 
arr.slice(0, -1) // ["one", "two", "three","four"]  ( 去掉最后一位 )
 
let str = "0123456789"
 
str.slice(0)   // 原字符串输出
 
str.slice(3)   // 345678  从第三位开始截取,如果第二个参数忽略则截取到字符串末尾
 
str.slice(3,6)   // 345
 
str.slice(-3)   // 789
 
str.slice(0,-3)   // 0123456   ( 截取后三位 )
 
提示:数组和字符串处理结果一致

4. splice() 方法

用法:splice() 方法用于添加或删除数组中的元素。

注意:这种方法会改变原始数组。

语法:array.splice(index,howmany,item1,...itemX)


示例:
let arr = ["one", "two", "three","four", "five"]
 
arr.splice(2,1)   // ["three"]  (从第二个删除,删除1个元素)
 
console.log(arr)   // ["one","two","four","five"] (原数组返回值)
 
arr.splice(2,1,"hello","world")  // ["three"]
 
console.log(arr) // ["one", "two", "hello", "world", "four", "five"]

 

注意:splice()方法只能操作数组,不能操作字符串,否则会报错

5. split() 方法

用法:split() 方法用于把一个字符串分割成字符串数组。

语法:string.split(separator,limit)


示例:
let str = "hello"
 
str.split("")  // ["h", "e", "l", "l", "o"]
 
str.split(" ") // ["hello"]
 
let str = "wang xin yan"
 
str.split(" ")  // ["wang", "xin", "yan"]
 
let str = "ni hao wagn xin yan"
 
str.split("", 3) // ["ni", "hao", "wang"]
 
使用一个字符作为分隔符:
let str = "how are you doing today"
 
str.split("o") // ["h","w are y","u d","ing t","day"]


6. join() 方法

用法:join() 方法用于把数组中的所有元素转换一个字符串。元素是通过指定的分隔符进行分隔的

语法:array.join()


示例:

let arr = ["one","two","three"]
 
arr.join("")  // "onetwothree"
 
arr.join("-")  // "one-two-three"
 
arr.join(",") // "one,two,three"
 
arr.join() // "one,two,three"  默认以逗号分隔


7. match() 方法

用法:match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

语法:string.match(regexp)


示例:

let str = "the rain is mainly in the plain"
 
str.match(/ain/g)  // ["ain","ain","ain"]
 
str.match(/ain/g).length  // 3   有3处匹配字符串


8. replace() 方法

用法:replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

语法:string.replace(searchvalue,newvalue)


示例:
let str = "nihao wangxy"
 
str.replace(/nihao/gi,"hello")  // hello wangxy

 

提示:g 全局匹配  i是否忽略大小写

 slice(),substr(),substring()基于子字符串创建新字符串的方法  |  slice()和splice()操作数组

扫描二维码推送至手机访问。

版权声明:本文由小刚刚技术博客发布,如需转载请注明出处。

本文链接:http://blog.bitefu.net/post/637.html

标签: js
分享给朋友:

相关文章

安装Windows 10X 教你如何安装Win10X正式版 及下载地址

安装Windows 10X 教你如何安装Win10X正式版 及下载地址

安装Windows 10X 教你如何安装Win10X正式版:Windows 10X是Windows 10操作系统的新版本,主要针对双屏电脑。由于即将运行Windows 10X的双屏电脑(例如即将面世的Surface Neo)的开发遇到挫折,...

贾氏鸣天鼓健耳养肾操

贾氏鸣天鼓健耳养肾操

《贾氏鸣天鼓健耳养肾操》鸣天鼓是健耳强肾治耳病的古法,贾氏越云自创的鸣天鼓健耳养肾操是在古法的基础上创建。顺序:1静坐挺胸。2双手放心脏位置的胸口,左手掌盖住右手掌。3闭目静心,深呼吸19下。4双手相互搓揉,让手掌发热。5用发热的双手手掌严...

安卓模拟器连接端口 及常用命令

下面是我总结和测试通过的:有的是搜集来的模拟器名称                     &nbs...

【不忘初心】19041/19042/19043(20H1,20H2,21H1)告别繁琐 一键替换太阳谷图标 一键恢复原版图标 一键恢复文件夹预览

【不忘初心】19041/19042/19043(20H1,20H2,21H1)告别繁琐 一键替换太阳谷图标 一键恢复原版图标 一键恢复文件夹预览

一键替换太阳谷图标,一键恢复原版图标,注意是一键!!!  太阳谷图标确实很好看,很新颖 !论坛也有相关替换教程,有的需要改权限,有的需要PE下替换,有的还得重启,搞不好很容易翻车,有些小白同学只能望梅止渴,今天以上统统告...

全世界最快dns分享 Public DNS Server List

偶然发现一个共享全世界最快dns的网站,当然也包含中国了https://public-dns.info/ 中国https://public-dns.info/nameserver/cn.html...

redis 设置过期Key 的 maxmemory-policy 六种方式

平时会用到redis 当缓存过多时会遇到下面的报错OOM command not allowed when used memory > 'maxmemory'这说明redis的缓存满了我们可以通过修改过期策略来修改cd...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。