js中处理字符串的常用方法_js 处理源字符串-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44960011/article/details/112308161

本文介绍了如何利用JavaScript的split方法从一个包含多个图片URL的字符串中提取并打印每个图片地址。通过指定分隔符'|'，可以方便地将字符串分割成单独的图片链接，便于进一步处理或展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

split（separator,howmany）———将字符串分割成子字符串数组，separator（必选）必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。
现在有一个字符串，这个字符串包含了很多图片地址，你要打印每个图片地址，这时候你就可以用split，我们可以发现每一个图片地址都是用|连接的，所以分割的时候传一个|，

var imgsrc ="http://img.jbjf.vip/img/20200904/de3bab00-ee78-11ea-bf32-3bd95f72c1c2.jpg|http://img.jbjf.vip/img/20200904/e6a5e760-ee78-11ea-bf32-3bd95f72c1c2.jpg|http://img.jbjf.vip/img/20200904/f4ae6ee0-ee78-11ea-bf32-3bd95f72c1c2.jpg|http://img.jbjf.vip/img/20200904/0d973bd0-ee79-11ea-bf32-3bd95f72c1c2.jpg|http://img.jbjf.vip/img/20200904/fc3b6aa0-ee78-11ea-bf32-3bd95f72c1c2.jpg"
var newimgsrc=imgsrc.split('|')
console.log(newimgsrc)
//输出
["http://img.jbjf.vip/img/20200904/de3bab00-ee78-11ea-bf32-3bd95f72c1c2.jpg", "http://img.jbjf.vip/img/20200904/e6a5e760-ee78-11ea-bf32-3bd95f72c1c2.jpg", "http://img.jbjf.vip/img/20200904/f4ae6ee0-ee78-11ea-bf32-3bd95f72c1c2.jpg", "http://img.jbjf.vip/img/20200904/0d973bd0-ee79-11ea-bf32-3bd95f72c1c2.jpg", "http://img.jbjf.vip/img/20200904/fc3b6aa0-ee78-11ea-bf32-3bd95f72c1c2.jpg"]

concat() 连接两个或多个字符串，返回连接后的字符串
slice() 提取字符串的片断，并在新的字符串中返回被提取的部分
substr() 从起始索引号提取字符串中指定数目的字符
substring() 提取字符串中两个指定的索引号之间的字符
toString() 返回字符串对象值
trim() 移除字符串首尾空白