js中replace()、join()、split()的用法

偏执的太偏执、 2022-06-06 05:26 260阅读 0赞

### replace() ###

var detail= '有一项工作\n需要您立即处理\n访问地址是：www.abc.com';
    detail= detail.replace(/\n/g, '<br />');//全部替换,正则表达式在双斜杠之间，g表示全部
    alert(detail);
    //或者 
    var reg = new RegExp( '\n' , "g" )
    var detail = str.replace( reg , '<br/>' );
    alert(detail);

封装成方法：

uiEvents.replaceStr =function(str,newStr){ 
        var reg=new RegExp(str,"g"); 
        return this.replace(reg,newStr); 
    }

调用

var detail = uiEvents.replaceStr( reg , '<br/>' );
    alert(detail);

## split() ##

var str ="Hello World!";
    str.split(""); //["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]
    str.split(" "); //["Hello", "World!"]
    str.split("",3);//["H", "e", "l"]

//正则表达式
    var numStr = "1a2b3c";
    numStr.split(/\d/);//["", "a", "b", "c"]
    ":a:b:c".split(":");//["", "a", "b", "c"]
    var myStr = "sharejs.com,google.com,baidu.com_weibo.com_haotu.net";
    myStr.split(/[,_]/);//["sharejs.com", "google.com", "baidu.com", "weibo.com", "haotu.net"]

## join() ##

arrayObj.join(separator);separator不填默认是用逗号分隔
    //eg:
    var arr = new Array(3);
    arr[0] = "George";
    arr[1] = "John";
    arr[2] = "Thomas";
    arr.join();//"George,John,Thomas"
    arr.join(".");//"George.John.Thomas"

拼接两个数组concat

arr1.concat(arr2)
    arr1.push("apple");//往数组添加对象

以上综合使用：

var detail = "字符串反转";
    detail = split('').reverse().join('')
    //输出为“转反串符字”。

参考： [javascript中的split()和join()方法][javascript_split_join]

[javascript_split_join]: http://blog.csdn.net/xiaobangsky/article/details/48316129

发表评论取消回复

表情：

评论列表（有 0 条评论，260人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中?.、??的具体用法

目录 1、?. （可选链运算符） 2、??（空值合并运算符） -------------------- 1、`?. （可选链运算符）` 在javascri

你的名字/ 2023年10月09日 16:12/ 0 赞/ 88 阅读

相关 js中replace的用法

replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中：stringObj是字符串(string)，reExp可以是正则

亦凉/ 2023年10月08日 22:40/ 0 赞/ 88 阅读

相关 js中...的用法

参考文章：[https://blog.csdn.net/alwyn0721/article/details/127256831][https_blog.csdn.net_alw

短命女/ 2023年10月04日 23:57/ 0 赞/ 73 阅读

相关 JS中 reduce() 的用法

过去有很长一段时间，我一直很难理解 reduce() 这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单

旧城等待，/ 2023年06月03日 03:56/ 0 赞/ 35 阅读

相关 JS中 reduce() 的用法

1.语法：其实经常用的只有 prev和cur arr.reduce(function(prev,cur,index,arr){ ... },

￡神魔★判官ぃ/ 2023年03月03日 05:59/ 0 赞/ 35 阅读

相关 js中getElementById()的用法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

冷不防/ 2022年07月24日 06:19/ 0 赞/ 235 阅读

相关 js中this的用法

说到this，对于它的理解就是：this是指向函数执行时的当前对象，倘若没有明确的当前对象，它就是指向window的。 1.setTimeout(functtion

缺乏、安全感/ 2022年07月15日 07:43/ 0 赞/ 328 阅读

相关 js中with的用法

1. with(arg) \{ 2. statement 3. \} 4. // arg在执行参数体的时候js通过with将arg加入大括号

我就是我/ 2022年07月12日 15:24/ 0 赞/ 333 阅读

相关 JS中"&&"的其它用法

首先来了解一下 “&&”操作符的工作原理： “&&”连接两个表达式，当两侧表达式都为真时，返回TRUE。有一个为假则返回FALSE。那么实际运行时，JavaScript到

素颜马尾好姑娘i/ 2022年03月26日 04:40/ 0 赞/ 425 阅读

相关 js中prototype的用法

看例子就懂了例1 可以在外部使用prototype为自定义的类型添加属性和方法 <script type="text/javascript"> f

阳光穿透心脏的1/2处/ 2021年09月29日 10:34/ 0 赞/ 535 阅读